Android RecyclerView การเพิ่ม & การลบรายการ


144

ฉันมี RecyclerView พร้อมกล่องข้อความ TextView และปุ่มข้าม ImageView ฉันมีปุ่มด้านนอกของ recyclerview ที่ทำให้ปุ่มกากบาท ImageView มองเห็น / หายไป

ฉันกำลังมองหาที่จะลบรายการจาก recylerview เมื่อกดปุ่มข้ามรายการนั้น ImageView

อะแดปเตอร์ของฉัน:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener, View.OnLongClickListener {

    private ArrayList<String> mDataset;
    private static Context sContext;

    public MyAdapter(Context context, ArrayList<String> myDataset) {
        mDataset = myDataset;
        sContext = context;
    }

    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.my_text_view, parent, false);

        ViewHolder holder = new ViewHolder(v);
        holder.mNameTextView.setOnClickListener(MyAdapter.this);
        holder.mNameTextView.setOnLongClickListener(MyAdapter.this);

        holder.mNameTextView.setTag(holder);

        return holder;
    }

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

        holder.mNameTextView.setText(mDataset.get(position));

    }

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


    @Override
    public void onClick(View view) {
        ViewHolder holder = (ViewHolder) view.getTag();
        if (view.getId() == holder.mNameTextView.getId()) {
            Toast.makeText(sContext, holder.mNameTextView.getText(), Toast.LENGTH_SHORT).show();
        }
    }


    @Override
    public boolean onLongClick(View view) {
        ViewHolder holder = (ViewHolder) view.getTag();
        if (view.getId() == holder.mNameTextView.getId()) {
            mDataset.remove(holder.getPosition());

            notifyDataSetChanged();

            Toast.makeText(sContext, "Item " + holder.mNameTextView.getText() + " has been removed from list",
                    Toast.LENGTH_SHORT).show();
        }
        return false;
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        public TextView mNumberRowTextView;
        public TextView mNameTextView;


        public ViewHolder(View v) {
            super(v);

            mNameTextView = (TextView) v.findViewById(R.id.nameTextView);
        }
    }
}

เลย์เอาต์ของฉันคือ:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_vertical"
    android:id="@+id/layout">

    <TextView
        android:id="@+id/nameTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:padding="5dp"
        android:background="@drawable/greyline"/>

    <ImageView
        android:id="@+id/crossButton"
        android:layout_width="16dp"
        android:layout_height="16dp"
        android:visibility="gone"
        android:layout_marginLeft="50dp"
        android:src="@drawable/cross" />
</LinearLayout>

ฉันจะทำให้บางอย่างเช่น onClick ทำงานกับ crossButton ImageView ของฉันได้อย่างไร มีวิธีที่ดีกว่า? อาจเปลี่ยนทั้งรายการคลิกเป็นลบรายการหรือไม่ recyclerview จะแสดงรายการของตำแหน่งที่ต้องแก้ไข คำแนะนำทางเทคนิคหรือความเห็น / คำแนะนำเกี่ยวกับการใช้งานที่ดีที่สุดจะได้รับการชื่นชมอย่างมหาศาล


ลองดูลิงค์ 1 ลิงค์ 2มันอาจช่วย U
SaravanaRaja


1
คุณสามารถดูตัวอย่างนี้ในรหัสGithub Happy !!!!
Cabezas

คำตอบ:


267

ฉันทำสิ่งที่คล้ายกัน ในMyAdapter:

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener{
    public CardView mCardView;
    public TextView mTextViewTitle;
    public TextView mTextViewContent;
    public ImageView mImageViewContentPic;

    public ImageView imgViewRemoveIcon;
    public ViewHolder(View v) {
        super(v);
        mCardView = (CardView) v.findViewById(R.id.card_view);
        mTextViewTitle = (TextView) v.findViewById(R.id.item_title);
        mTextViewContent = (TextView) v.findViewById(R.id.item_content);
        mImageViewContentPic = (ImageView) v.findViewById(R.id.item_content_pic);
        //......
        imgViewRemoveIcon = (ImageView) v.findViewById(R.id.remove_icon);

        mTextViewContent.setOnClickListener(this);
        imgViewRemoveIcon.setOnClickListener(this);
        v.setOnClickListener(this);
        mTextViewContent.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                if (mItemClickListener != null) {
                    mItemClickListener.onItemClick(view, getPosition());
                }
                return false;
            }
        });
    }


    @Override
    public void onClick(View v) {
        //Log.d("View: ", v.toString());
        //Toast.makeText(v.getContext(), mTextViewTitle.getText() + " position = " + getPosition(), Toast.LENGTH_SHORT).show();
        if(v.equals(imgViewRemoveIcon)){
            removeAt(getPosition());
        }else if (mItemClickListener != null) {
            mItemClickListener.onItemClick(v, getPosition());
        }
    }
}

public void setOnItemClickListener(final OnItemClickListener mItemClickListener) {
    this.mItemClickListener = mItemClickListener;
}
public void removeAt(int position) {
    mDataset.remove(position);
    notifyItemRemoved(position);
    notifyItemRangeChanged(position, mDataSet.size());
}

หวังว่านี่จะช่วยได้

แก้ไข:

getPosition()เลิกใช้แล้วใช้getAdapterPosition()แทน


50
คุณจะต้องการเพิ่มnotifyItemRangeChanged(getPosition, mDataSet.size());คำตอบของสรวงสวรรค์หลังจากลบรายการเพื่อให้มุมมองทั้งหมดที่อยู่ด้านล่างรายการถูกลบจะปรับตาม
Chris Angell

3
ฉันมีปัญหาเดียวกัน แต่getPosition()ตอนนี้เลิกใช้แล้ว
ชิป

4
ขอบคุณเห็นได้ชัดว่าแค่โทรnotifyItemRemoved(position)ไม่เพียงพอ
Ektos974

3
@chip ใช้ getAdapterPosition ()
Tyler Pfaff

2
รหัสนี้ไม่ได้แก้ไขปัญหาเมื่อคุณลบรายการจากทั้งด้านบนและด้านล่างอย่างรวดเร็ว
Vito Valov

60

ก่อนอื่นรายการควรถูกลบออกจากรายการ!

  mDataSet.remove(getAdapterPosition());

แล้ว:

  notifyItemRemoved(getAdapterPosition());
  notifyItemRangeChanged(getAdapterPosition(),mDataSet.size());

2
ขอบคุณมากเกินไปสมมติว่าฉันต้องเพิ่มค่ามากขึ้นหมายความว่าฉันจะทำอะไรได้บ้าง
MohanRaj S

มันเกี่ยวข้องกับขนาดของรายการในอะแดปเตอร์ของคุณ @ Hammad Nasir
Zahra.HY

ฉันทำแบบเดียวกัน แต่ความสูงของ recyclerview ไม่เปลี่ยนแปลงอย่างมีชีวิตชีวา mNotes.remove (ตำแหน่ง); notifyItemRemoved (ตำแหน่ง); alertItemRangeChanged (ตำแหน่ง, getItemCount ()); @ Zahra ฉันไม่ได้ทำอะไรเลย
Hitesh Dhamshaniya

22

หากรายการที่ยังไม่ถูกลบออกใช้วิธีการใช้เวทมนตร์นี้ :)

private void deleteItem(int position) {
        mDataSet.remove(position);
        notifyItemRemoved(position);
        notifyItemRangeChanged(position, mDataSet.size());
        holder.itemView.setVisibility(View.GONE);
}

รุ่น Kotlin

private fun deleteItem(position: Int) {
    mDataSet.removeAt(position)
    notifyItemRemoved(position)
    notifyItemRangeChanged(position, mDataSet.size)
    holder.itemView.visibility = View.GONE
}

@Mostafa: สมมติว่าฉันมี 10 รายการและฉันจะลบรายการสุดท้ายในที่เก็บสถานการณ์นั้นไอเท็มวิว.setVisibility (View.GONE), ซ่อนข้อมูลทั้งหมด
Hitesh Dhamshaniya

@HiteshDhamshaniya ไม่มันแค่ซ่อนและไปดูล่าสุด
Mostafa Anter

ไม่จำเป็นต้องซ่อนมุมมอง dataSet.remove (ตำแหน่ง) ทำงานได้ดี แต่ yoi จำเป็นต้องโทรไปที่ informDatasetChamged () หรือ informItemRemoved (dataset.size () - 1)
Karue Benson Karue

ขอบคุณสำหรับ holder.itemView.setVisibility (View.GONE);
K.Hayoev

10

ปัญหา

RecyclerViewโดยค่าเริ่มต้นจะไม่รู้การเปลี่ยนแปลงชุดข้อมูลของคุณ ซึ่งหมายความว่าเมื่อใดก็ตามที่คุณทำการลบ / เพิ่มเติมในรายการข้อมูลการเปลี่ยนแปลงเหล่านั้นจะไม่ส่งผลต่อ RecyclerView ของคุณโดยตรง

สารละลาย

RecyclerView เสนอวิธีการบางอย่างในการแบ่งปันสถานะชุดข้อมูลของคุณ สิ่งนี้เกิดขึ้นเนื่องจากการดัดแปลงชุดข้อมูลของคุณไม่ได้บ่งบอกถึงการเปลี่ยนแปลงมุมมองและในทางกลับกัน API android มาตรฐานอนุญาตให้คุณผูกกระบวนการลบข้อมูล(เพื่อจุดประสงค์ของคำถาม) ด้วยกระบวนการลบมุมมอง

notifyItemChanged(index: Int)
notifyItemInserted(index: Int)
notifyItemRemoved(index: Int)
notifyItemRangeChanged(startPosition: Int, itemCount: Int)
notifyItemRangeInserted(startPosition: Int, itemCount: Int)
notifyItemRangeRemoved(startPosition: Int, itemCount: Int)

วิธีการที่ดีที่สุด

หากคุณไม่ได้ระบุว่าเกิดอะไรขึ้นกับการเพิ่ม / ลบรายการ (พูดถึงมุมมอง) เด็ก ๆ RecyclerView จะเคลื่อนไหวโดยไม่ตอบสนองเนื่องจากขาดข้อมูลเกี่ยวกับวิธีย้ายมุมมองต่างๆรอบ ๆ รายการ

แทนรหัสต่อไปนี้จะเล่นภาพเคลื่อนไหวได้อย่างแม่นยำเพียงแค่ในเด็กที่ถูกลบ (และเป็นบันทึกด้านข้างสำหรับฉันมันคงIndexOutOfBoundExceptions ใด ๆที่ทำเครื่องหมายโดย stacktrace เป็น "ความไม่สอดคล้องกันของข้อมูล")

void remove(position: Int) {
    dataset.removeAt(position)
    notifyItemChanged(position)
    notifyItemRangeRemoved(position, 1)
}

ภายใต้ประทุนหากเรามองเข้าไปRecyclerViewเราจะพบเอกสารอธิบายว่าพารามิเตอร์ตัวที่สองที่เราต้องผ่านคือจำนวนรายการที่ถูกลบออกจากชุดข้อมูลไม่ใช่จำนวนรายการทั้งหมด (ตามที่ระบุไว้อย่างผิด ๆ ในแหล่งข้อมูลอื่น ๆ )

    /**
     * Notify any registered observers that the <code>itemCount</code> items previously
     * located at <code>positionStart</code> have been removed from the data set. The items
     * previously located at and after <code>positionStart + itemCount</code> may now be found
     * at <code>oldPosition - itemCount</code>.
     *
     * <p>This is a structural change event. Representations of other existing items in the data
     * set are still considered up to date and will not be rebound, though their positions
     * may be altered.</p>
     *
     * @param positionStart Previous position of the first item that was removed
     * @param itemCount Number of items removed from the data set
     */
    public final void notifyItemRangeRemoved(int positionStart, int itemCount) {
        mObservable.notifyItemRangeRemoved(positionStart, itemCount);
    }

7

อาจเป็นคำตอบที่ซ้ำกัน แต่ค่อนข้างมีประโยชน์สำหรับฉัน คุณสามารถใช้วิธีการที่ระบุด้านล่างRecyclerView.Adapter<RecyclerView.ViewHolder> และสามารถใช้วิธีนี้ตามความต้องการของคุณฉันหวังว่ามันจะทำงานให้คุณ

public void removeItem(@NonNull Object object) {
        mDataSetList.remove(object);
        notifyDataSetChanged();
    }

5

นี่คือตัวอย่างภาพเพิ่มเติม ดูคำตอบแบบเต็มของฉันสำหรับตัวอย่างของการเพิ่มและลบช่วง

เพิ่มรายการเดียว

เพิ่ม "หมู" 2ที่ดัชนี

แทรกรายการเดียว

String item = "Pig";
int insertIndex = 2;
data.add(insertIndex, item);
adapter.notifyItemInserted(insertIndex);

ลบรายการเดียว

ลบ "Pig" ออกจากรายการ

ลบรายการเดียว

int removeIndex = 2;
data.remove(removeIndex);
adapter.notifyItemRemoved(removeIndex);

4

ฉันลองคำตอบทั้งหมดข้างต้น แต่การแทรกหรือลบรายการเพื่อนำไปรีไซเคิลจะทำให้เกิดปัญหากับตำแหน่งในชุดข้อมูล สิ้นสุดการใช้ delete(getAdapterPosition());ภายใน viewHolder ซึ่งทำงานได้ดีในการค้นหาตำแหน่งของรายการ


1
เพียงแค่ตั้งค่า listener และใช้เมธอด getAdapterPosition () ภายในตัวยึดมุมมอง มันจะกลับตำแหน่งของรายการ
อรุณ

4

ปัญหาที่ฉันมีคือฉันกำลังลบรายการออกจากรายการที่ไม่เกี่ยวข้องกับอะแดปเตอร์เพื่อให้แน่ใจว่าคุณกำลังปรับเปลี่ยนอะแดปเตอร์ที่ถูกต้องคุณสามารถใช้วิธีการเช่นนี้ในอะแดปเตอร์ของคุณ:

public void removeItemAtPosition(int position) {
    items.remove(position);
}

และเรียกมันว่าในส่วนหรือกิจกรรมของคุณเช่นนี้:

adapter.removeItemAtPosition(position);

2
  public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
private Context context;
private List<cardview_widgets> list;

public MyAdapter(Context context, List<cardview_widgets> list) {
    this.context = context;
    this.list = list;
}

@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
    View view = LayoutInflater.from(this.context).inflate(R.layout.fragment1_one_item,
            viewGroup, false);
    return new MyViewHolder(view);
}

public static class MyViewHolder extends RecyclerView.ViewHolder {
    TextView txt_value;
    TextView txt_category;
    ImageView img_inorex;
    ImageView img_category;
    TextView txt_date;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);
        txt_value = itemView.findViewById(R.id.id_values);
        txt_category = itemView.findViewById(R.id.id_category);
        img_inorex = itemView.findViewById(R.id.id_inorex);
        img_category = itemView.findViewById(R.id.id_imgcategory);
        txt_date = itemView.findViewById(R.id.id_date);
    }
}

@NonNull
@Override
public void onBindViewHolder(@NonNull final MyViewHolder myViewHolder, int i) {

    myViewHolder.txt_value.setText(String.valueOf(list.get(i).getValuee()));
    myViewHolder.txt_category.setText(list.get(i).getCategory());
    myViewHolder.img_inorex.setBackgroundColor(list.get(i).getImg_inorex());
    myViewHolder.img_category.setImageResource(list.get(i).getImg_category());
    myViewHolder.txt_date.setText(list.get(i).getDate());
    myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View v) {
            list.remove(myViewHolder.getAdapterPosition());
            notifyDataSetChanged();
            return false;
        }
    });
}

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

ฉันหวังว่านี่จะช่วยคุณได้


1

หากคุณต้องการลบรายการคุณควรทำสิ่งนี้: ลบรายการแรก:

phones.remove(position);

ในขั้นตอนถัดไปคุณควรแจ้งอะแดปเตอร์รีไซเคิลของคุณว่าคุณลบรายการด้วยรหัสนี้:

notifyItemRemoved(position);
notifyItemRangeChanged(position, phones.size());

แต่ถ้าคุณเปลี่ยนรายการให้ทำสิ่งนี้ก่อนอื่นให้เปลี่ยนพารามิเตอร์ของวัตถุเช่นนี้

Service s = services.get(position);
s.done = "Cancel service";
services.set(position,s);

หรือใหม่แบบนี้:

Service s = new Service();
services.set(position,s);

จากนั้นแจ้งอะแดปเตอร์รีไซเคิลของคุณว่าคุณแก้ไขรายการด้วยรหัสนี้:

notifyItemChanged(position);
notifyItemRangeChanged(position, services.size());

หวังว่าจะช่วยคุณ


1
  String str = arrayList.get(position);
  arrayList.remove(str);
  MyAdapter.this.notifyDataSetChanged();

นี่เป็นความคิดที่ไม่ดีจริงๆเพราะคุณจะต้องดึงรายการออกมาใหม่อย่างเต็มรูปแบบโดยอาจมีความล่าช้าที่เห็นได้ชัดเจนหากคุณมีรายการจำนวนมาก notifyItemRemoved(position)สิ่งที่ถูกต้องที่จะทำคือการโทร
Minas Mina

ya ถูกต้องของคุณเรายังใช้ alertItemRemoved (ตำแหน่ง) ตำแหน่งของ informDataSetChanged ()
Tarun Umath

1

วิธีonBindViewHolderเขียนรหัสนี้

holder.remove.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Cursor del=dbAdapter.ExecuteQ("delete from TblItem where Id="+values.get(position).getId());
                values.remove(position);
                notifyDataSetChanged();
            }
        });

1

ในกรณีที่ทุกคนต้องการนำบางสิ่งเช่นนี้มาใช้ในคลาสหลักแทนคลาสอะแดปเตอร์คุณสามารถใช้:

public void removeAt(int position) {
    peopleListUser.remove(position);

    friendsListRecycler.getAdapter().notifyItemRemoved(position);
    friendsListRecycler.getAdapter().notifyItemRangeChanged(position, peopleListUser.size());
}

โดยที่ friendsListRecycler เป็นชื่ออะแด็ปเตอร์


0
 //////// set the position
 holder.cancel.setTag(position);


///// click to remove an item from recycler view and an array list
holder.cancel.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {

            int positionToRemove = (int)view.getTag(); //get the position of the view to delete stored in the tag
            mDataset.remove(positionToRemove);
            notifyDataSetChanged();
                }
            });

0

สร้างส่วนต่อประสานในคลาสอะแดปเตอร์ที่กำหนดเองและจัดการเหตุการณ์การคลิกบนมุมมองรีไซเคิล

 onItemClickListner onItemClickListner;

public void setOnItemClickListner(CommentsAdapter.onItemClickListner onItemClickListner) {
    this.onItemClickListner = onItemClickListner;
}

public interface onItemClickListner {
    void onClick(Contact contact);//pass your object types.
}
    @Override
public void onBindViewHolder(ItemViewHolder holder, int position) {
    // below code handle click event on recycler view item.
    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            onItemClickListner.onClick(mContectList.get(position));
        }
    });
}

หลังจากกำหนดอะแดปเตอร์และผูกเข้าไปในมุมมองรีไซเคิลที่เรียกว่ารหัสด้านล่าง ..

        adapter.setOnItemClickListner(new CommentsAdapter.onItemClickListner() {
        @Override
        public void onClick(Contact contact) {
            contectList.remove(contectList.get(contectList.indexOf(contact)));
            adapter.notifyDataSetChanged();
        }
    });
}

0

ในกรณีที่คุณสงสัยว่าฉันทำที่ไหนเราจะได้ตำแหน่งอะแดปเตอร์ในเมธอด getadapterposition (); ใน viewholder object.so คุณต้องใส่รหัสของคุณเช่นนี้

mdataset.remove(holder.getadapterposition());

0

ในกิจกรรม:

mAdapter.updateAt(pos, text, completed);
mAdapter.removeAt(pos);

ในอะแดปเตอร์ของคุณ:

void removeAt(int position) {
    list.remove(position);
    notifyItemRemoved(position);
    notifyItemRangeChanged(position, list.size());
}

void updateAt(int position, String text, Boolean completed) {
    TodoEntity todoEntity = list.get(position);
    todoEntity.setText(text);
    todoEntity.setCompleted(completed);
    notifyItemChanged(position);
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.