簡體   English   中英

單擊時如何在回收站視圖中展開布局

[英]How to expand layout in recycler view while clicking on it

我有包含 ImageView(大小 100dp)、TextView X3 的 CardView,其中有很多文本。 在回收站視圖中,在我的 onBindViewHolder 中創建項目視圖時,我將 TextView 設置為可見性 GONE 以隱藏它們,並僅顯示圖像視圖。

當我單擊它時,我需要將 TextViews 的可見性設置為 VISIBLE,但要正確顯示文本,我需要展開項目視圖(使其最大)。 我可以通過將高度和寬度設置為 wrap-content 來做到這一點,但是因為我的網格布局在一行中有 3 個項目,所以 ItemView 只擴展到高度。

如何使選定的 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);
        }
    }

我的 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>

在這 2 張圖片中,您可以看到我現在擁有的東西。 單擊時如何使項目最大並與其他項目重疊?

在此處輸入圖像描述 在此處輸入圖像描述

您用於顯示網格項目內容的方式是錯誤的。

您應該使用底部工作表或可以使用帶有錨視圖的彈出窗口。 這看起來不錯,並且您的內容將正確呈現。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM