How to show view for one item in a list and hide from others.?
Question
I have a list with recycler view. I am showing another layout , on click of its parent layout of an item.
Now as I click items in list it shows the view for all the items, now I want to make the layout visible for only the clicked item and make it gone for other items.
Layout detail should only be visible on click of an item and only to the clicked item.
Layout:
<?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>
Adapter:
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();
}
}
How can we do it?
EDIT :
I tried to do this way :
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();
}
}
Its not working out.
Please help. Thank you..
1 answers
solution1
0 2017-08-02 11:14:53
Maintain the flag in you model to hold the view state and show only if the condition satisfied with your model. For your reference in your Transaction model declare the field like this
public class Transaction {
.....
boolean isVisible;
public void setIsVisible(boolean isVisible){
this.isVisible = isVisible;
}
public boolean isVisible(){
return isVisible;
}
}
then in you adapter class inside onClickListener set flag like this
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);
}
}
});
this will show your view but on scrolling views will be recycled and set to default state so to overcome this issue you must update your view state inside 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 {
}
}
this will fix your issue
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to show and hide one view from diffrent threads in java?
Spring mvc hide one package from others
How to open List View from On Click Item?
Android List View Showing only one item from two
java.lang.NullPointerException and others. Extracting PhoneNumber from ListView.
how to create a list row item with more than one view
How to horizontal scroll other items in list view by scrolling one item?
Program will recognize certain key inputs but not others.
How to show more than one textview title in a list view?
How To Hide item From bottomNavigationbar
Related Tags