android - 他のカードに影響を与えずに単一カードの CardView レイアウトの可視性を設定する方法

Question

こんにちは、質問があります。私CardViewsのRecyclerViewCardViews には基本的に、基本カードと拡張カードの 2 つのセグメントがあります。各セグメントのプロパティをまたはにOnClick設定するだけです。今、私は方法にいます。クラスに入れる方が良いと読みましたが、現時点では同じ結果を得る方法がわかりません。私の主な問題は、以下の画像で最もよく表されています。setVisibilityGONEVISIBLEOnClickListenerOnBindViewHolderViewHolder

これは、画像が表示されるデフォルトの方法または「base_view」です。

画像をクリックすると、そのカードに関連する情報、つまり「expanded_view」がカードに表示されます。

1 つのカードのレイアウトを変更したときに、他の CardViews (中央と右のカード) が (正方形から長い長方形に) 変更されないようにするにはどうすればよいですか? 例は次のとおりです。

これは私の CardView XML です。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/tools"
android:layout_gravity="center"
app:cardCornerRadius="8dp"
android:layout_margin="1dp"
android:id="@+id/cv_army">


<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<RelativeLayout
    android:layout_width="90dp"
    android:layout_height="90dp"
    android:orientation="vertical"
    android:id="@+id/base_card">

    <ImageView
        android:layout_width="90dp"
        android:layout_height="120dp"
        android:layout_margin="2dp"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/summon_cm"
        android:scaleType="fitCenter"
        android:id="@+id/iv_card"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/iv_card"
        android:layout_marginBottom="10dp"
        android:layout_centerHorizontal="true"
        android:textColor="#000"
        android:text="Test"
        android:textAllCaps="false"
        android:textSize="10dp"
        android:textAlignment="center"
        android:background="#ffffff"
        android:backgroundTint="@color/trans_success_stroke_color"
        android:id="@+id/tv_card"/>

</RelativeLayout>

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="100dp"
    android:layout_height="150dp"
    android:layout_gravity="center"
    android:background="@color/colorPrimaryDark"
    android:id="@+id/expanded_card">

    <TextView
        android:layout_width="90dp"
        android:layout_height="wrap_content"
        android:id="@+id/card_popup_name"
        android:layout_alignParentTop="true"
        android:layout_marginTop="5dp"
        android:layout_centerHorizontal="true"
        android:text="Card Name"/>


    <ImageView
        android:layout_width="90dp"
        android:layout_height="80dp"
        android:src="@drawable/bg_summon"
        android:scaleType="fitCenter"
        android:id="@+id/card_popup_img"
        android:layout_below="@id/card_popup_name"
        android:layout_marginTop="5dp"
        android:layout_centerHorizontal="true"/>

    <TextView
        android:layout_width="35dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/card_popup_img"
        android:layout_marginTop="10dp"
        android:layout_alignStart="@id/card_popup_img"
        android:id="@+id/card_popup_hp"
        android:text="HP"
        android:textAlignment="viewEnd"
        android:layout_gravity="end"/>

    <TextView
        android:text="123"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/card_popup_hp"
        android:layout_alignStart="@id/card_popup_img"
        android:layout_marginStart="45dp"
        android:id="@+id/tv_hp" />

    <Button
        android:text="Use"
        android:textSize="10dp"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="5dp"
        android:layout_centerHorizontal="true"
        android:id="@+id/btn_use" />
</RelativeLayout>

</RelativeLayout></android.support.v7.widget.CardView>

必要な場合に備えて、onBindView もここに配置します。

@Override
public void onBindViewHolder(final MyViewHolder holder, int position) {

    holder.base_card.setVisibility(View.VISIBLE);
    holder.expanded_card.setVisibility(View.GONE);
    final int p = position;
    String s = card_list.get(p).card_name;
    final String sx = s.substring(1); //The 1st position [index 0] stores the rarity of the card, so remove that from the string to get the name
    holder.tv_card.setText(sx);
    holder.iv_card.setImageResource(card_list.get(p).card_img);

    //RV_Animator.animate(holder);

    holder.iv_card.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        holder.expanded_card.setVisibility(View.VISIBLE);
        holder.base_card.setVisibility(View.GONE);

            for (int ix =0; ix<getItemCount();ix++){
                if (ix!=p){
                    notifyItemChanged(ix);
                }
            }

        }
    });

    holder.expanded_card.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View vy) {
            holder.expanded_card.setVisibility(View.GONE);
            holder.base_card.setVisibility(View.VISIBLE);
        }
    });

    holder.btn_use.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View vx) {
            new SweetAlertDialog(context, SweetAlertDialog.SUCCESS_TYPE)
                    .setTitleText("Success!")
                    .setContentText("asd")
                    .show();
        }
    });
}

Answer 1

このために、クリックしたアイテムの位置を保存する必要があります。int mClickedPosition

次に、onBindViewHolder()メソッドで、現在の位置が と同じかどうかを確認する必要がありますmClickedPosition。展開されたビューをVISIBLEにするだけです。それ以外の場合は、GONEにします。

onBindViewHolder 内で、次のようなものを確認する必要があります

if (mClickedPosition == position) {
        holder.base_card.setVisibility(View.GONE);
        holder.expanded_card.setVisibility(View.VISIBLE);
    } else {
        holder.base_card.setVisibility(View.VISIBLE);
        holder.expanded_card.setVisibility(View.GONE);
    }

要求に応じて、サンプル アダプター コード全体を更新しました。

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {


    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        View content_view = inflater.inflate(R.layout.list_item,parent,false);
        MyViewHolder holder = new MyViewHolder(content_view);
        return holder;
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        holder.base_card.setVisibility(View.VISIBLE);
        holder.expanded_card.setVisibility(View.GONE);
        final int p = position;
        String s = "hasif";//card_list.get(p).card_name;
       // final String sx = s.substring(1); //The 1st position [index 0] stores the rarity of the card, so remove that from the string to get the name
        holder.tv_card.setText(s);
        //holder.iv_card.setImageResource(card_list.get(p).card_img);

        //RV_Animator.animate(holder);

        holder.iv_card.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                holder.expanded_card.setVisibility(View.VISIBLE);
                holder.base_card.setVisibility(View.GONE);

                for (int ix =0; ix<getItemCount();ix++){
                    if (ix!=p){
                        notifyItemChanged(ix);
                    }
                }

            }
        });

        holder.expanded_card.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View vy) {
                holder.expanded_card.setVisibility(View.GONE);
                holder.base_card.setVisibility(View.VISIBLE);
            }
        });

        holder.btn_use.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View vx) {
                //Toast.makeText()
            }
        });
    }

    @Override
    public int getItemCount() {
        return 3;
    }

    public static class MyViewHolder extends RecyclerView.ViewHolder {

        private ImageView iv_card;
        private TextView tv_card;
        private RelativeLayout expanded_card;
        private RelativeLayout base_card;
        private Button btn_use;
        public MyViewHolder(View itemView) {
            super(itemView);
            iv_card = (ImageView) itemView.findViewById(R.id.iv_card);
            tv_card = (TextView) itemView.findViewById(R.id.tv_card);
            expanded_card = (RelativeLayout) itemView.findViewById(R.id.expanded_card);
            base_card = (RelativeLayout) itemView.findViewById(R.id.base_card);
            btn_use = (Button) itemView.findViewById(R.id.btn_use);

        }
    }
}