Java 如何在单击“回收器”视图时展开布局

我有包含ImageView（大小100dp）的CardView和包含大量文本的TextView X3。 在recycler视图中，在我的onBindViewHolder中创建项目视图时，我将TextView的可见性设置为Goe以隐藏它们，并仅显示图像视图

当我单击它时，我需要将TextView的可见性设置为VISIBLE，但要正确显示文本，我需要展开item视图（使其最大）。 我可以通过设置高度和宽度来包装内容，但因为我的网格布局在行中有3个项目，所以ItemView仅扩展到高度

如何使所选项目视图与其他项目重叠

请参阅文章末尾的附件

这就是我现在所拥有的：

我的适配器：

public class LightsAdapter extends RecyclerView.Adapter<LightsAdapter.LightsViewHolder> {

    private Context context;
    private ArrayList<Light> lights;
    private OnLightImageClickListener onLightImageClickListener;
    private int selected = -1;
    private Light light;

    public LightsAdapter(Context context, ArrayList<Light> lights) {
        this.context = context;
        this.lights = lights;
    }

    public interface OnLightImageClickListener {
        void onLightImageClick(int position);
    }

    public void setOnLightImageClickListener(OnLightImageClickListener onLightImageClickListener) {
        this.onLightImageClickListener = onLightImageClickListener;
    }

    @NonNull
    @Override
    public LightsViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.lights_item, parent, false);
        return new LightsViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull LightsViewHolder holder, int position) {
        light = lights.get(position);
        holder.rootItemView.setTag(position);
        holder.TVlightTitle.setText(light.getLampTitle());
        holder.TVLightDesc.setText(light.getLampDesc());
        holder.TVLightType.setText(String.valueOf(light.getLampType()));
        Glide.with(context)
                .load(light.getLampImageUrl())
                .placeholder(R.drawable.ic_launcher_background)
                .override(200, 200)
                .into(holder.IVLightImage);
//        setBackGround(holder);
        hideLightInfo(holder);

        if (position == selected) {
            showLightInfo(holder);
        } else {
            hideLightInfo(holder);

        }
        holder.rootItemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = (int) view.getTag();
                selected = position;
                if (onLightImageClickListener != null) {
                    onLightImageClickListener.onLightImageClick(position);
                }
                notifyDataSetChanged();
            }
        });
    }

    @Override
    public int getItemCount() {
        return lights.size();
    }

    public class LightsViewHolder extends RecyclerView.ViewHolder {

        private TextView TVlightTitle;
        private TextView TVLightDesc;
        private TextView TVLightType;
        private ImageView IVLightImage;
        private CardView rootItemView;

        public LightsViewHolder(@NonNull View itemView) {
            super(itemView);
            TVlightTitle = itemView.findViewById(R.id.lightTitle);
            TVLightDesc = itemView.findViewById(R.id.lightDesc);
            TVLightType = itemView.findViewById(R.id.lightType);
            IVLightImage = itemView.findViewById(R.id.lightImage);
            rootItemView = itemView.findViewById(R.id.rootItemView);
        }
    }

    public void hideLightInfo(LightsViewHolder holder) {
        holder.TVlightTitle.setVisibility(View.GONE);
        holder.TVLightDesc.setVisibility(View.GONE);
        holder.TVLightType.setVisibility(View.GONE);
        holder.IVLightImage.setVisibility(View.VISIBLE);
    }

    public void showLightInfo(LightsViewHolder holder) {
        holder.TVlightTitle.setVisibility(View.VISIBLE);
        holder.TVLightDesc.setVisibility(View.VISIBLE);
        holder.TVLightType.setVisibility(View.VISIBLE);
        holder.IVLightImage.setVisibility(View.GONE);
    }

    public void setBackGround(LightsViewHolder holder) {
        if (light.getLampType() == 1) {
            holder.rootItemView.setBackgroundColor(Color.GREEN);
        } else {
            holder.rootItemView.setBackgroundColor(Color.RED);
        }
    }

公共类LightsAdapter扩展了RecyclerView.Adapter{
私人语境；
私人阵列灯；
private OnLightImageClickListener OnLightImageClickListener；
选择的私有int=-1；
私家电灯；
公共灯光适配器（上下文、阵列列表灯光）{
this.context=上下文；
这个。灯=灯；
}
仅限公共界面LightImageClickListener{
void onLightImageClick（int位置）；
}
公共无效设置OnLightImageClickListener（OnLightImageClickListener OnLightImageClickListener）{
this.onLightImageClickListener=onLightImageClickListener；
}
@非空
@凌驾
公共灯光ViewHolder onCreateViewHolder（@NonNull ViewGroup父级，int-viewType）{
View=LayoutFlater.from（parent.getContext（））.flate（R.layout.lights\u项，parent，false）；
返回新的LightsView文件夹（视图）；
}
@凌驾
public void onBindViewHolder（@NonNull LightsViewHolder holder，int位置）{
灯光=灯光。获取（位置）；
holder.rootItemView.setTag（位置）；
holder.TVlightTitle.setText（light.getLampTitle（））；
holder.TVLightDesc.setText（light.getLampDesc（））；
holder.tvlight.setText（String.valueOf（light.getLampType（））；
带（上下文）滑动
.load（light.getLampImageUrl（））
.占位符（R.drawable.ic_启动器_背景）
.超控（200200）
.into（holder.IVLightImage）；
//立根台（支架）；
hideLightInfo（持有者）；
如果（位置==选定）{
showLightInfo（持有人）；
}否则{
hideLightInfo（持有者）；
}
holder.rootItemView.setOnClickListener（新视图.OnClickListener（）{
@凌驾
公共void onClick（视图）{
int position=（int）view.getTag（）；
选择=位置；
if（onLightImageClickListener！=null）{
onLightImageClickListener.onLightImageClick（位置）；
}
notifyDataSetChanged（）；
}
});
}
@凌驾
public int getItemCount（）{
返回灯。大小（）；
}
公共类LightsViewHolder扩展了RecyclerView.ViewHolder{
私有文本视图TVlightTitle；
私有文本视图TVLightDesc；
私有文本视图类型；
私有图像视图；
private CardView rootItemView；
公共灯光查看文件夹（@NonNull View itemView）{
超级（项目视图）；
TVlightTitle=itemView.findviewbyd（R.id.lightTitle）；
TVLightDesc=itemView.findviewbyd（R.id.lightDesc）；
TVLightType=itemView.findviewbyd（R.id.lightType）；
IVLightImage=itemView.findviewbyd（R.id.lightImage）；
rootItemView=itemView.findViewById（R.id.rootItemView）；
}
}
public void hideLightInfo（LightsViewHolder支架）{
holder.TVlightTitle.setVisibility（View.GONE）；
holder.TVLightDesc.setVisibility（View.GONE）；
holder.TVLightType.setVisibility（View.GONE）；
holder.IVLightImage.setVisibility（View.VISIBLE）；
}
公共作废showLightInfo（LightsViewHolder支架）{
holder.TVlightTitle.setVisibility（View.VISIBLE）；
支架.TVLightDesc.设置可见性（视图.可见）；
holder.TVLightType.setVisibility（View.VISIBLE）；
holder.IVLightImage.setVisibility（View.GONE）；
}
公共空地立根台（灯架）{
if（light.getLampType（）==1）{
holder.rootItemView.setBackgroundColor（颜色.绿色）；
}否则{
holder.rootItemView.setBackgroundColor（颜色：红色）；
}
}

我的xml文件：

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rootItemView"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_margin="15dp"
    android:orientation="vertical"
    android:translationZ="2dp"
    card_view:cardCornerRadius="100dp"
    card_view:cardElevation="3dp">


    <LinearLayout
        android:padding="15dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/lightTitle"
            tools:text="lightTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/lightDesc"
            tools:text="lightDesc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/lightType"
            tools:text="lightType"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textStyle="bold" />

        <ImageView
            android:id="@+id/lightImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

</androidx.cardview.widget.CardView>

您用于显示网格项内容的方式是错误的

您应该将或与锚定视图一起使用。这样看起来会很好，并且您的内容将被正确呈现