GridView长按进入多选模式的解决方案

先来个效果图，但是我很奇怪为什么上次我的gif会无法显示希望这次可以显示吧！

其实关于适配器系列（GridView,ListView等）的多选模式已经有太多人写过了。且基本思路都是一致的，需要两个标志位。一个是是否是多选模式，一个是是否被选中。但是大部分的文章都是告诉你需要写个bean文件，然后在List里面指定泛型为bean文件，但是这样做有个问题，那就是你获取到的数据在很多情况下无法和bean文件匹配。这时候怎么办呢？好吧！废话说得有点多了，来开始代码吗！
首先是布局文件一个Activity的一个是每个item的

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/title_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:visibility="gone">
        <TextView
            android:id="@+id/cancel"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Cancel"
            android:textSize="30sp"
            android:background="#556699"
            android:textColor="@color/colorAccent"
            android:gravity="center"/>
        <TextView
            android:id="@+id/delete"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Delete"
            android:textSize="30sp"
            android:background="#556699"
            android:textColor="@color/colorAccent"
            android:gravity="center"/>
        <TextView
            android:id="@+id/all_or_not"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="All"
            android:textSize="30sp"
            android:background="#556699"
            android:textColor="@color/colorAccent"
            android:gravity="center"/>
    </LinearLayout>
    <GridView
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"/>
    <TextView
        android:id="@+id/item_name"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_below="@id/item_image"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:textSize="20sp"
        android:textColor="#669900"/>
    <RelativeLayout
        android:id="@+id/checkbox"
        android:layout_width="100dp"
        android:layout_height="150dp"
        android:background="#99000000"
        android:layout_centerInParent="true"
        android:visibility="gone">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:src="@drawable/photo_select"/>
    </RelativeLayout>


</RelativeLayout>

接下来是PicBean文件

public class PicBean {
    private int resId;
    private String name;

    public PicBean(int resId, String name) {
        this.resId = resId;
        this.name = name;
    }

    public int getResId() {
        return resId;
    }

    public void setResId(int resId) {
        this.resId = resId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

这个不需要多加解释了，然后是适配器

public class ImageAdapter extends BaseAdapter {

    private List<ImageBean> list;
    private LayoutInflater inflater;
    private OnShowItemClickListener onShowItemClickListener;

    public ImageAdapter(Context context, List<ImageBean> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return list == null ? 0 : list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View layout;
        ImageHolder holder;
        if (convertView == null){
            holder = new ImageHolder();
            layout = inflater.inflate(R.layout.item_layout,null);
            holder.itemImage = layout.findViewById(R.id.item_image);
            holder.itemName = layout.findViewById(R.id.item_name);
            holder.itemCheck = layout.findViewById(R.id.checkbox);
            layout.setTag(holder);
        }else {
            layout = convertView;
            holder = (ImageHolder) layout.getTag();
        }
        ImageBean bean = list.get(position);
        holder.itemImage.setImageResource(bean.getResId());
        holder.itemName.setText(bean.getName());
        if (bean.isShow()){
            if (bean.isCheck()){
                bean.setCheck(true);
                holder.itemCheck.setVisibility(View.VISIBLE);
            }else {
                bean.setCheck(false);
                holder.itemCheck.setVisibility(View.GONE);
            }
        }else {
            holder.itemCheck.setVisibility(View.GONE);
        }
        onShowItemClickListener.onShowItemClick(bean);
        return layout;
    }

    class ImageHolder{
        ImageView itemImage;
        TextView itemName;
        RelativeLayout itemCheck;
    }

    public interface OnShowItemClickListener{
        void onShowItemClick(ImageBean bean);
    }
    //暴露给外部的回调接口
    public OnShowItemClickListener getOnShowItemClickListener() {
        return onShowItemClickListener;
    }

    public void setOnShowItemClickListener(OnShowItemClickListener onShowItemClickListener) {
        this.onShowItemClickListener = onShowItemClickListener;
    }
}

这个适配器就是一个很常见的写法了 不用解释了吧。如果你足够细心的话你会发现在适配器里面有bean.isShow这句。你再返回去看看之前的PicBean文件里面根本就没有这个方法啊！难道我贴错了吗？当然不是啦！注意看我在适配器里面的泛型是ImageBean了

public class ImageBean {
    private int resId;
    private String name;
    //多选的标记
    private boolean isShow;
    //是否选中的标记
    private boolean isCheck;

    public ImageBean(int resId, String name, boolean isShow, boolean isCheck) {
        this.resId = resId;
        this.name = name;
        this.isShow = isShow;
        this.isCheck = isCheck;
    }

    public ImageBean() {
    }

    public ImageBean(int resId, String name) {
        this.resId = resId;
        this.name = name;
    }

    public int getResId() {
        return resId;
    }

    public void setResId(int resId) {
        this.resId = resId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public boolean isShow() {
        return isShow;
    }

    public void setShow(boolean show) {
        isShow = show;
    }

    public boolean isCheck() {
        return isCheck;
    }

    public void setCheck(boolean check) {
        isCheck = check;
    }
}

也许你还会有疑问不要着急，来看看MainActivity里面的代码处理

public class MainActivity extends AppCompatActivity implements ImageAdapter.OnShowItemClickListener{
    private GridView gridView;
    //实际的数据源，可以想象成扫描系统得到的，这是为了模拟实际的数据源与要用的bean文件不匹配
    private List<PicBean> picList;
    //创建适配器的时候需要传入的数据源
    private List<ImageBean> imageList;
    private ImageAdapter adapter;
    //是否是多选模式的标记
    private boolean isShow;
    private LinearLayout titleLayout;
    private TextView cancel, allOrNot, delete;
    //用来记录选中的item
    private List<ImageBean> selectList;
    private static final String TAG = "MainActivity";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageList = new ArrayList<>();
        selectList = new ArrayList<>();
        picList = new ArrayList<>();
        initReallyData();
        ***for (int i = 0; i < picList.size(); i++) {
            ImageBean bean = new ImageBean();
            bean.setResId(picList.get(i).getResId());
            bean.setName(picList.get(i).getName());
            imageList.add(bean);
        }** *
        adapter = new ImageAdapter(this, imageList);
        gridView = findViewById(R.id.grid_view);
        gridView.setAdapter(adapter);
        adapter.setOnShowItemClickListener(this);
        gridView.setOnItemLongClickListener(onItemLongClickListener);
        gridView.setOnItemClickListener(onItemClickListener);

    }

    private void initReallyData(){
        for (int i = 0; i < 10; i++) {
            PicBean beanOne = new PicBean(R.drawable.aaa, "1号佳丽" + (i + 1));
            picList.add(beanOne);
            PicBean beanTwo = new PicBean(R.drawable.asdf, "2号妹纸" + (i + 1));
            picList.add(beanTwo);
            PicBean beanThree = new PicBean(R.drawable.mei, "3号美眉" + (i + 1));
            picList.add(beanThree);
            PicBean beanFour = new PicBean(R.drawable.meimei, "4号御姐" + (i + 1));
            picList.add(beanFour);
            PicBean beanFive = new PicBean(R.drawable.mm, "5号萝莉" + (i + 1));
            picList.add(beanFive);
            PicBean beanSix = new PicBean(R.drawable.we, "6号小萌" + (i + 1));
            picList.add(beanSix);
        }
    }

    @Override
    public void onShowItemClick(ImageBean bean) {
        if (bean.isCheck()&& !selectList.contains(bean)) {
            selectList.add(bean);
            if (selectList.size() == imageList.size()){
                allOrNot.setText("NotAll");
            }else {
                allOrNot.setText("All");
            }
            Log.e(TAG, "onShowItemClick: selectList.size()============" + selectList.size() );
        } else if (!bean.isCheck()&& selectList.contains(bean)) {
            selectList.remove(bean);
            if (selectList.size() != imageList.size()){
                allOrNot.setText("All");
            }else {
                allOrNot.setText("NotAll");
            }
        }
    }

    private AdapterView.OnItemLongClickListener onItemLongClickListener = new AdapterView.OnItemLongClickListener() {
        @Override
        public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
            if (isShow) {
                return false;
            } else {
                isShow = true;
                for (ImageBean bean : imageList) {
                    bean.setShow(true);
                }
                adapter.notifyDataSetChanged();
                showView();
            }
            return true;
        }
    };

    private AdapterView.OnItemClickListener onItemClickListener = new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            if (isShow) {
                ImageBean bean = imageList.get(position);
                if (bean.isCheck()) {
                    bean.setCheck(false);
                } else {
                    bean.setCheck(true);
                }
                adapter.notifyDataSetChanged();
            }else {
                Toast.makeText(MainActivity.this,"you clicked the item",Toast.LENGTH_SHORT).show();
            }
        }
    };

    private void showView() {
        titleLayout = findViewById(R.id.title_layout);
        titleLayout.setVisibility(View.VISIBLE);
        cancel = findViewById(R.id.cancel);
        delete = findViewById(R.id.delete);
        allOrNot = findViewById(R.id.all_or_not);
        cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                selectList.clear();
                for (ImageBean bean : imageList) {
                    bean.setShow(false);
                    bean.setCheck(false);
                }
                isShow = false;
                titleLayout.setVisibility(View.GONE);
            }
        });
        allOrNot.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (allOrNot.getText().toString().equals("All")) {
                    selectList.clear();
                    for (ImageBean bean : imageList) {
                        bean.setCheck(true);
                        selectList.add(bean);
                        allOrNot.setText("NotAll");
                    }
                    adapter.notifyDataSetChanged();
                } else {
                    for (ImageBean bean : imageList) {
                        bean.setCheck(false);
                        selectList.clear();
                        allOrNot.setText("All");
                    }
                    adapter.notifyDataSetChanged();
                }
            }
        });
        delete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageList.removeAll(selectList);
                selectList.clear();
                adapter.notifyDataSetChanged();
            }
        });
    }
}

现在来解决最开始提出的问题，获取的数据源并不是我们想要的效果，怎么办呢？很显然只能转化成我们想要的样子了啊。

for (int i = 0; i < picList.size(); i++) {
            ImageBean bean = new ImageBean();
            bean.setResId(picList.get(i).getResId());
            bean.setName(picList.get(i).getName());
            imageList.add(bean);
        }

这段代码就是将数据源转化成我们想要的样子的。这一点还是可以行得通的。虽然实际获取到的数据源并没有任何一个bean文件与之对应，但是它一定会包含某些信息，比如说图片则会有名字和路径地址，音乐还会有时间作者等，这些信息你都可以写出对应的bean文件来获取。比如说

bean.setPath(picList.get(position).get("path")

当然了，实际的路径不一定是"path"，这个取决于你扫描文件的时候存的什么名字（就是数据持久化的技术，sharePreference或者是数据库）这个我们不暂时深究。总之数据源里面一定有对应的信息让你取出来然后设置到对应的bean对象里面，这样你就可以添加到对应的列表了。这个循环的意思就是把所有获取到数据都转换成我们需要的数据。
然后剩下的一些就是基本的设置监听了，需要注意的是退出多选模式的时候应该将标记清空。
还有就是多选模式下点击了All全选之后应该要变成取消全选（Not All）有些细节还可以再优化一下。这个你可以自己尝试。最后还是附上源码
另外我还在网上看到另外一个用SimpleAdapter实现多选的模式但是并没有源码下载，然而我也没有仔细研究也是数据源和需要的数据不一致，有兴趣的可以自己看看 Android中GridView实现长按多选功能。
原文其实已经把代码贴出来了，只是没有集合在一起下载而已，可以自己照着原文操作下如果你操作出来效果不对，那就是你的问题了。