如何显示列表中某个项目的视图并隐藏其他项目。

Question

我有一个包含Recycler视图的列表。我正在显示另一个布局，点击其项目的父布局。

现在，当我单击列表中的项目时，它会显示所有项目的视图，现在我想使布局仅对所单击的项目可见，并使其用于其他项目。

布局细节应仅在单击某个项目时可见，并且仅对所单击的项目可见。

布局：

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"

    android:id="@+id/lay_row"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="false"
    android:orientation="vertical">

    <android.support.v7.widget.CardView
        xmlns:app="http://schemas.android.com/tools"
        android:id="@+id/card_view"
        app:cardUseCompatPadding="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="05dp"
        android:layout_marginTop="05dp"
        card_view:cardElevation="12dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/bg">

            <View
                android:layout_width="3dp"
                android:layout_height="match_parent"
                android:background="@color/cardLineColor"></View>

            <LinearLayout
                android:id="@+id/linearLayout6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginEnd="10dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginStart="10dp"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/txt_id"
                    android:layout_width="103dp"
                    android:layout_height="wrap_content"
                    android:text="ID"
                    android:textColor="@color/white" />

                <TextView
                    android:id="@+id/txt_date"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="05dp"
                    android:text="23/3/2015"
                    android:textColor="@color/textColor"
                    android:textSize="10sp" />


            </LinearLayout>

            <TextView
                android:id="@+id/txt_trans_type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/linearLayout6"
                android:layout_centerHorizontal="true"
                android:text="sent money"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <LinearLayout
                android:id="@+id/linearLayout8"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_alignTop="@+id/linearLayout6"
                android:layout_marginEnd="10dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginStart="10dp"
                android:layout_toEndOf="@+id/txt_trans_type"
                android:layout_toRightOf="@+id/txt_trans_type"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/txt_balance"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:text="$3214"
                    android:textAlignment="viewEnd"
                    android:textColor="@color/white"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:layout_marginTop="05dp"
                    android:text="@string/balance"
                    android:textAlignment="viewEnd"
                    android:textColor="@color/white"
                    android:textSize="10sp" />


            </LinearLayout>
        </RelativeLayout>


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

    <RelativeLayout
        android:id="@+id/relativeLayout_detail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone">

        <RelativeLayout
            android:id="@+id/relativeLayout1"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:background="@drawable/trans_background">

            <View
                android:id="@+id/view"
                android:layout_width="2dp"
                android:layout_height="match_parent"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:layout_marginBottom="2dp"
                android:layout_marginTop="2dp"
                android:background="@color/cardLineColor1"></View>

            <LinearLayout
                android:id="@+id/linearLayout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="10dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginStart="10dp"
                android:layout_toLeftOf="@+id/linearLayout86"
                android:layout_toStartOf="@+id/linearLayout86"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/txt_vendor"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/vendor"
                    android:textColor="@color/lightGrey" />

                <TextView
                    android:id="@+id/txt"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="05dp"
                    android:text="@string/vendor"
                    android:textColor="@color/white"
                    android:textSize="10sp" />


            </LinearLayout>

            <LinearLayout
                android:id="@+id/linearLayout86"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_marginEnd="10dp"
                android:layout_marginRight="10dp"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/txt_trans_id"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="ID"
                    android:textColor="@color/lightGrey" />

                <TextView
                    android:id="@+id/txt_7"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="05dp"
                    android:text="@string/transId"
                    android:textColor="@color/white"
                    android:textSize="10sp" />


            </LinearLayout>
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/relativeLayout2"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_below="@+id/relativeLayout1"
            android:background="@drawable/trans_background">

            <View
                android:layout_width="2dp"
                android:layout_height="match_parent"
                android:layout_marginBottom="2dp"
                android:layout_marginTop="2dp"
                android:background="@color/cardLineColor1"></View>

            <LinearLayout
                android:id="@+id/linearLayout9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginEnd="10dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginStart="10dp"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/txt_credit"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="$5858.0"
                    android:textColor="@color/lightGrey" />

                <TextView
                    android:id="@+id/txt5"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="05dp"
                    android:text="@string/credit"
                    android:textColor="@color/white"
                    android:textSize="10sp" />


            </LinearLayout>
        </RelativeLayout>
    </RelativeLayout>
</LinearLayout>

适配器：

public class TransactionHistoryListAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<Transaction> transactionList;
    private Context mContext;
    static final int TYPE_LOAD_TRANS = 0;



    public TransactionHistoryListAdapter(List<Transaction> transactionsList, Context context) {
        this.mContext = context;
        this.transactionList = transactionsList;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RecyclerView.ViewHolder viewHolder = null;
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        switch (viewType) {

            case TYPE_LOAD_TRANS:
                View v_header = inflater.inflate(R.layout.transaction_item_layout, parent, false);
                viewHolder = new TransactionHistoryListHolder(v_header);
                break; 

        }
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

        if (getItemViewType(position) == TYPE_LOAD_TRANS) {
            TransactionHistoryListHolder transsHolder = (TransactionHistoryListHolder) holder;
            retriveAllTrans(transsHolder, position);
        } else {
        }

    }
    public void retriveAllTrans(final TransactionHistoryListHolder holder, final int position) {


        final Transaction data = transactionList.get(position);


        holder.txt_id.setText(data.getId());
        holder.txt_date.setText(data.getDate());
        holder.txt_trans_type.setText(data.getType());
        holder.txt_balance.setText(data.getBalance());


        holder.lay_row.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                holder.relativeLayout.setVisibility(View.VISIBLE);

            }
        });

    }

    @Override
    public int getItemViewType(int position) {

        Transaction obj = transactionList.get(position);

        if (obj.typeToDisp == 0) {
            return TYPE_LOAD_TRANS;
        }
        return super.getItemViewType(position);
    }

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

我们怎么做？

编辑：

我试着这样做：

   public class TransactionHistoryListAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    public TransactionHistoryListAdapter(List<Transaction> transactionsList, Context context) {
        this.mContext = context;
        this.transactionList = transactionsList;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        RecyclerView.ViewHolder viewHolder = null;
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        switch (viewType) {

            case TYPE_LOAD_TRANS:
                View v_header = inflater.inflate(R.layout.transaction_item_layout, parent, false);
                viewHolder = new TransactionHistoryListHolder(v_header);
                break;
        }
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        final Transaction data = transactionList.get(position);
        if (getItemViewType(position) == TYPE_LOAD_TRANS) {


            TransactionHistoryListHolder transsHolder = (TransactionHistoryListHolder) holder;

            if (data.isVisible()){
                transsHolder.relativeLayout.setVisibility(View.VISIBLE);
            } else {
                transsHolder.relativeLayout.setVisibility(View.GONE);
            }

            retriveAllTrans(transsHolder, position);
        } else {
        }

    }

    public void retriveAllTrans(final TransactionHistoryListHolder holder, final int position) {


        final Transaction data = transactionList.get(position);


        holder.txt_id.setText(data.getId());
        holder.txt_date.setText(data.getDate());
        holder.txt_trans_type.setText(data.getType());
        holder.txt_balance.setText(data.getBalance());


        holder.lay_row.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {



               if (data.isVisible()) { // initially it will be falsedata.setVisible(false);

                    data.setVisible(true);
                    holder.relativeLayout.setVisibility(View.VISIBLE);
                    notifyDataSetChanged();

                } else {
                   data.setVisible(false);
                    holder.relativeLayout.setVisibility(View.GONE);
                   notifyDataSetChanged();

                }


            }
        });


        for (int i=0;i< transactionList.size();i++)
        {
            if(i==position) {
                data.setVisible(true);
            }
            else {
                data.setVisible(false);
            }
        }


    }

    }
    @Override
    public int getItemViewType(int position) {

        Transaction obj = transactionList.get(position);

        if (obj.typeToDisp == 0) {
            return TYPE_LOAD_TRANS;
        } 

        return super.getItemViewType(position);
    }

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

它没有成功。

请帮忙。谢谢..

Answer 1

保持模型中的标志以保持视图状态，并仅在条件满足您的模型时显示。在您的交易模型中供您参考，请声明此字段

public class Transaction {
 .....
 boolean isVisible;

 public void setIsVisible(boolean isVisible){
   this.isVisible = isVisible;
  }

 public boolean isVisible(){
    return isVisible;
 }
 }

然后在你的适配器类里面onClickListener设置这样的标志

   holder.lay_row.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            if (data.isVisble()) { // initially it will be false
            data.setIsVisible(false);
            holder.relativeLayout.setVisibility(View.GONE);
            } else {
            data.setIsVisible(true);
            holder.relativeLayout.setVisibility(View.Visible);
            }

        }
    });

这将显示您的视图，但滚动视图将被回收并设置为默认状态，因此要解决此问题，您必须在onBindView中更新视图状态

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
     final Transaction data = transactionList.get(position);
    if (getItemViewType(position) == TYPE_LOAD_TRANS) {
        if (data.isVisible()){
        holder.relativeLayout.setVisibility(View.VISIBLE);
        } else {
         holder.relativeLayout.setVisibility(View.GONE);
         }
        TransactionHistoryListHolder transsHolder = (TransactionHistoryListHolder) holder;
        retriveAllTrans(transsHolder, position);
    } else {
    }

 }

这将解决您的问题