android - 如何在 ListView 中制作节标题，并滑动以使用撤消选项删除项目

Question

必需:

1.我想在 Android 中制作一个 Sectioned Header Listview。

2.那应该是滑动删除一个项目，像Gmail App一样有撤消选项。但是Gmail App不包含Section Header。

3.我的申请应该有Section Header。

我尝试了下面提到的滑动链接和撤消按钮一起删除。它工作得很好。

问题:

编辑:1( ListView )

1.我找到了在 ListView 中使用撤消滑动删除项目的代码Link-Swipe to delete a listview item和使用 ListView 的节标题 link-Section header in listview .

2.两者都有两个不同的基础适配器我遇到了一些错误，请帮助我合并适配器或建议我任何新的方法来添加节标题在滑动中删除 ListView 项目。

代码:滑动删除类和 ListView 中的部分标题

ListViewActivity.class

package com.data.swipetodeletesimplelistview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;

import static android.widget.Toast.LENGTH_SHORT;
public class ListViewActivity extends AppCompatActivity {

    private static final int TIME_TO_AUTOMATICALLY_DISMISS_ITEM = 3000;

/*For Section header*/
    ListView mListView;
    ArrayList<String> mArrayList = new ArrayList<String>();
    SectionedAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        init((ListView) findViewById(R.id.list_view));


/*For Section Header Starts Here*/
        mListView = (ListView) findViewById(R.id.list_view);

        adapter = new SectionedAdapter() {

            @Override
            protected View getHeaderView(String caption, int index, View convertView, ViewGroup parent) {
                convertView = getLayoutInflater().inflate(R.layout.section_header, null);
                TextView header = (TextView) convertView.findViewById(R.id.header);
                header.setText(caption);
                return convertView;
            }
        };

        for (int i = 0; i < 5; i++)
        {
            mArrayList.add("Item " + i);
            MyAdapter myAdapter = new MyAdapter();
            adapter.addSection("Header " + i, myAdapter);
        }
        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
                Toast.makeText(getApplicationContext(), arg0.getAdapter().getItem(position).toString(), Toast.LENGTH_LONG).show();
            }
        });
        mListView.setAdapter(adapter);

/*For Section Header Ends Here*/
    }
/*FOr Swipe to Delete a item Starts Here*/   
    private void init(ListView listView)
    {
        final MyBaseAdapter adapter = new MyBaseAdapter();
        listView.setAdapter(adapter);
        final SwipeToDismissTouchListener<ListViewAdapter> touchListener =
                new SwipeToDismissTouchListener<>(
                        new ListViewAdapter(listView),
                        new SwipeToDismissTouchListener.DismissCallbacks<ListViewAdapter>() {
                            @Override
                            public boolean canDismiss(int position) {
                                return true;
                            }

                            @Override
                            public void onPendingDismiss(ListViewAdapter recyclerView, int position) {

                            }

                            @Override
                            public void onDismiss(ListViewAdapter view, int position) {
                                adapter.remove(position);
                            }
                        });

        touchListener.setDismissDelay(TIME_TO_AUTOMATICALLY_DISMISS_ITEM);
        listView.setOnTouchListener(touchListener);
        // Setting this scroll listener is required to ensure that during ListView scrolling,
        // we don't look for swipes.
        listView.setOnScrollListener((AbsListView.OnScrollListener) touchListener.makeScrollListener());
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (touchListener.existPendingDismisses()) {
                    touchListener.undoPendingDismiss();
                } else {
                    Toast.makeText(ListViewActivity.this, "Position " + position, LENGTH_SHORT).show();
                }
            }
        });
    }

    /*FOr Swipe to Delete*/
    static class MyBaseAdapter extends BaseAdapter
    {

        private static final int SIZE = 100;

        private final List<String> mDataSet = new ArrayList<>();

        MyBaseAdapter() {
            for (int i = 0; i < SIZE; i++)
                mDataSet.add(i, "This is row number " + i);
        }

        @Override
        public int getCount() {
            return mDataSet.size();
        }

        @Override
        public String getItem(int position) {
            return mDataSet.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        public void remove(int position) {
            mDataSet.remove(position);
            notifyDataSetChanged();
        }

        static class ViewHolder {
            TextView dataTextView;
            ViewHolder(View view) {
                dataTextView = (TextView) view.findViewById(R.id.txt_data);
                view.setTag(this);
            }
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            ViewHolder viewHolder = convertView == null
                    ? new ViewHolder(convertView = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.list_item, parent, false)) : (ViewHolder) convertView.getTag();

            viewHolder.dataTextView.setText(mDataSet.get(position));
            return convertView;
        }
    }

/*FOr Swipe to Delete a item Ends Here*/

    /*For adding Section header*/
    class MyAdapter extends BaseAdapter
{

        public int getCount()
        {
            return mArrayList.size();
        }

        public Object getItem(int position)
        {
            return mArrayList.get(position);
        }

        public long getItemId(int position) {
            return position;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
            convertView = (TextView) getLayoutInflater().inflate(R.layout.section_item, null);
            TextView item = (TextView) convertView.findViewById(R.id.item);
            item.setText(mArrayList.get(position));
            return convertView;
        }
    }
}

Answer 1

基本上，您希望列表中有两种类型的行。

1. 将具有滑动删除功能的项目。
2. 没有滑动功能的页眉。

通过膨胀两种不同类型的布局来创建一个 recyclerView 或 listView。检查How to create RecyclerView with multiple view type?

编辑:滑动删除、撤消和分段列表适配器问题

如@MadScientist 所述，列表或 recyclerView 应该只有一个适配器。按照以下步骤实现您的要求:

1. 创建一个 Recycler View 以显示分段标题和项目。
2. 实现滑动以删除现有列表的功能。
3. 对现有列表实现撤消功能。

请参阅下面的 RecyclerAdapter 示例代码，了解分段 header 和撤消功能:

public class SectionedRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private static final int TYPE_HEADER = 0;
    private static final int TYPE_ITEM = 1;
    private List<SectionedItem> sectionedItemList;
    private List<SectionedItem> itemsPendingRemoval;
    private Context context;

    private static final int PENDING_REMOVAL_TIMEOUT = 3000;
    private Handler handler = new Handler();
    private HashMap<SectionedItem, Runnable> pendingRunnables = new HashMap<>();

    public SectionedRecyclerAdapter(List<SectionedItem> itemList, Context context) {
        this.sectionedItemList = itemList;
        this.context = context;
        itemsPendingRemoval = new ArrayList<>();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_ITEM) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.view_item, parent, false);
            return new SectionedItemViewHolder(view);
        } else if (viewType == TYPE_HEADER) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.view_header, parent, false);
            return new SectionedHeaderViewHolder(view);
        }
        throw new RuntimeException("there is no type that matches the type " + viewType + " + make sure your using types correctly");
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
        if (viewHolder instanceof SectionedItemViewHolder) {
            final SectionedItem data = sectionedItemList.get(position);

            if (itemsPendingRemoval.contains(data)) {
                ((SectionedItemViewHolder) viewHolder).itemLayout.setVisibility(View.GONE);
                ((SectionedItemViewHolder) viewHolder).undoLayout.setVisibility(View.VISIBLE);
                ((SectionedItemViewHolder) viewHolder).undobutton.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        undoOpt(data);
                    }
                });
            } else {
                ((SectionedItemViewHolder) viewHolder).itemLayout.setVisibility(View.VISIBLE);
                ((SectionedItemViewHolder) viewHolder).undoLayout.setVisibility(View.GONE);
                ((SectionedItemViewHolder) viewHolder).itemName.setText(sectionedItemList.get(position).itemName);
            }
        }

        if (viewHolder instanceof SectionedHeaderViewHolder) {
            ((SectionedHeaderViewHolder) viewHolder).headerTitle.setText(sectionedItemList.get(position).itemName);
        }
    }

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

    @Override
    public int getItemViewType(int position) {
        if (isPositionHeader(position)) {
            return TYPE_HEADER;
        }
        return TYPE_ITEM;
    }

    private boolean isPositionHeader(int position) {

        return sectionedItemList.get(position).isHeader;
    }

    private void undoOpt(SectionedItem customer) {
        Runnable pendingRemovalRunnable = pendingRunnables.get(customer);
        pendingRunnables.remove(customer);
        if (pendingRemovalRunnable != null)
            handler.removeCallbacks(pendingRemovalRunnable);
        itemsPendingRemoval.remove(customer);
        // this will rebind the row in "normal" state
        notifyItemChanged(sectionedItemList.indexOf(customer));
    }

    public void pendingRemoval(int position) {

        final SectionedItem data = sectionedItemList.get(position);
        if (!itemsPendingRemoval.contains(data) && !data.isHeader) {
            itemsPendingRemoval.add(data);
            // this will redraw row in "undo" state
            notifyItemChanged(position);
            // let's create, store and post a runnable to remove the data
            Runnable pendingRemovalRunnable = new Runnable() {
                @Override
                public void run() {
                    remove(sectionedItemList.indexOf(data));
                }
            };
            handler.postDelayed(pendingRemovalRunnable, PENDING_REMOVAL_TIMEOUT);
            pendingRunnables.put(data, pendingRemovalRunnable);
        }
    }

    public void remove(int position) {
        SectionedItem data = sectionedItemList.get(position);
        if (itemsPendingRemoval.contains(data)) {
            itemsPendingRemoval.remove(data);
        }
        if (sectionedItemList.contains(data)) {
            sectionedItemList.remove(position);
            notifyItemRemoved(position);
        }
    }

    private void removeItemPermanently(int position) {
        sectionedItemList.get(position).isSoftDeleted = false;
        sectionedItemList.remove(position);
        notifyItemRemoved(position);
    }

    public boolean isPendingRemoval(int position) {
        SectionedItem data = sectionedItemList.get(position);
        return (itemsPendingRemoval.contains(data) || data.isHeader);
    }
}

我用过link as reference to implement undo bar

从上面的链接中添加 SwipeUtil.java 类并更新您的 Activity 类，如下所示:将此功能添加到您的 Activity 类

private void setSwipeForRecyclerView() {

        SwipeUtils swipeHelper = new SwipeUtils(0, ItemTouchHelper.LEFT, ActivityB.this) {
            @Override
            public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
                int swipedPosition = viewHolder.getAdapterPosition();
                SectionedRecyclerAdapter adapter = (SectionedRecyclerAdapter) sectionedList.getAdapter();
                adapter.pendingRemoval(swipedPosition);
            }

            @Override
            public int getSwipeDirs(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
                int position = viewHolder.getAdapterPosition();
                SectionedRecyclerAdapter adapter = (SectionedRecyclerAdapter) sectionedList.getAdapter();
                if (adapter.isPendingRemoval(position)) {
                    return 0;
                }
                return super.getSwipeDirs(recyclerView, viewHolder);
            }
        };

        ItemTouchHelper mItemTouchHelper = new ItemTouchHelper(swipeHelper);
        mItemTouchHelper.attachToRecyclerView(sectionedList);

        //set swipe label
        swipeHelper.setLeftSwipeLable("Deleted");
        //set swipe background-Color
        //swipeHelper.setLeftcolorCode(ContextCompat.getColor((), R.color.swipebg));

    }

并使用下面的代码创建列表:

 sectionedList = (RecyclerView)findViewById(R.id.sectioned_list);
 RecyclerView.LayoutManager layoutManager= new LinearLayoutManager(this);
 sectionedList.setLayoutManager(layoutManager);
 final SectionedRecyclerAdapter sectionedRecyclerAdapter = new SectionedRecyclerAdapter(itemList, this);

 sectionedList.setAdapter(sectionedRecyclerAdapter);
 setSwipeForRecyclerView();

Edit2:ViewHolders

public class SectionedItemViewHolder extends RecyclerView.ViewHolder{
    public TextView itemName;
    public TextView undobutton;
    public View itemLayout;
    public View undoLayout;

    public SectionedItemViewHolder(View itemView) {
        super(itemView);
        itemName = (TextView)itemView.findViewById(R.id.item_title);
        undobutton = (TextView) itemView.findViewById(R.id.txt_undo);
        itemLayout = itemView.findViewById(R.id.item_layout);
        undoLayout = itemView.findViewById(R.id.undo_layout);
    }
}

public class SectionedHeaderViewHolder extends RecyclerView.ViewHolder{
    public TextView headerTitle;

    public SectionedHeaderViewHolder(View itemView) {
        super(itemView);
        headerTitle = (TextView)itemView.findViewById(R.id.header_title);
    }
}