Android RecyclerViewアイテムの追加と削除
私は、TextViewテキストボックスと十字ボタンのImageViewを持つRecyclerViewを持っています。私は十字ボタンのImageViewを見えるようにしたり消したりするボタンをrecyclerviewの外側に持っています。
ImageViewクロスボタンImageViewが押されたとき、私はそのアイテムをrecylerviewから削除しようとしています。
私のアダプター：
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>
どのように私は私のcrossButton ImageViewのために働くonClickのような何かを手に入れることができますか？もっと良い方法はありますか？アイテム全体をクリックしてアイテムを削除するように変更できますか。リサイクル業者のビューには、編集が必要な場所のリストが表示されます。ベストインプリメンテーションに関する技術的なアドバイスまたはコメント/提案は非常に高く評価されます。
私は似たようなことをしました。あなたの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()を使用してください。
まず第一に、アイテムはリストから削除されるべきです！
mDataSet.remove(getAdapterPosition());
その後：
notifyItemRemoved(getAdapterPosition());
notifyItemRangeChanged(getAdapterPosition(),mDataSet.size());
それでもアイテムが削除されない場合は、このマジックメソッドを使用してください:)
private void deleteItem(int position) {
mDataSet.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(position, mDataSet.size());
holder.itemView.setVisibility(View.GONE);
}
おそらく重複した答えですが、私にとっては非常に便利です。下記のメソッドをRecyclerView.Adapter<RecyclerView.ViewHolder>に実装することができ、あなたの要求に従ってこのメソッドを使うことができます。
public void removeItem(@NonNull Object object) {
mDataSetList.remove(object);
notifyDataSetChanged();
}
実際には前述のコードを使用すると（以下に見つけることができます）、RecyclerViewのすべての子は単一の項目が削除されたときにアニメーション化され、まったく解決策にはなりません。
public void remove(int position) {
dataset.remove(position);
notifyItemRemoved(position);
notifyItemRangeChanged(position, mDataSet.size());
}
代わりに、次のスニペットは、削除されている子でアニメーションを再生し、私の側からは、デバッガによって "data inconsistency"とマークされたIndexOutOfBoundExceptionsをスローするのをやめました。
void remove(int position) {
dataset.removeAt(position);
notifyItemChanged(position);
notifyItemRangeRemoved(position, 1);
}
RecyclerViewクラスを掘り下げると、説明があるjavadocのpiceが見つかります。実際、2番目のパラメータとして、アイテムの総数ではなく、データセットから削除されるアイテムの数を渡す必要があります。
/**
* 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);
}
上記のすべての答えを試しましたが、recyclerviewにアイテムを挿入または削除すると、dataSet内の位置に問題が生じます。 viewHolderの中でdelete(getAdapterPosition());を使うことになったので、アイテムの位置を見つけるのにとても役に立ちました。
私が抱えていた問題は、正しいアダプタを確実に変更していることを確認するために、アダプタに関連付けられていない項目をリストから削除していたことです。
public void removeItemAtPosition(int position) {
items.remove(position);
}
そしてそれをあなたのフラグメントまたはアクティビティの中で次のように呼び出します。
adapter.removeItemAtPosition(position);
ここにいくつかの視覚的補足例があります。範囲の追加と削除の例については、 私のより完全な答え を参照してください。
単一アイテムを追加
インデックス2に "Pig"を追加してください。
String item = "Pig";
int insertIndex = 2;
data.add(insertIndex, item);
adapter.notifyItemInserted(insertIndex);
単一のアイテムを削除
リストから「豚」を削除します。
int removeIndex = 2;
data.remove(removeIndex);
adapter.notifyItemRemoved(removeIndex);
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();
}}
私はこれが役立つことを願っています。
String str = arrayList.get(position);
arrayList.remove(str);
MyAdapter.this.notifyDataSetChanged();
誰かがAdapterクラスの代わりにMainクラスにこのようなものを実装したい場合は、 `public void removeAt（int position）{peopleListUser.remove（position）;}を使用できます。
friendsListRecycler.getAdapter().notifyItemRemoved(position);
friendsListRecycler.getAdapter().notifyItemRangeChanged(position, peopleListUser.size());
}`
friendsListRecyclerはアダプタ名です。
Toメソッド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();
}
});
カスタムアダプタクラスへのインタフェースを作成し、リサイクラビューでクリックイベントを処理します。
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();
}
});
}
//////// 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();
}
});
アイテムを削除したい場合は、次のようにします。最初にアイテムを削除します。
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());
希望があなたを助けます。