Android Studio 类微信页面（二）RecyclerView设计

Android Studio 类微信页面（二）RecyclerView设计

本次是在上一个博客的基础上选取了一个按钮实现recycleview设计显示
完成了如下要求：

• 实现RecyclerView布局（这里实现的是显示纵向布局）,内容为联系人及图片
• 增加RecycleView设计内容，实现了点击，滑动删除效果
  参考网址： 官方指南 前人总结
  项目效果如下：
  纵向布局展示，点击效果：
  
  滑动删除：
  

实现思路如下：
1.下载Recyclerview控件

RecycleView就相当于一个滚动显示较多数据的一个列表，初始状态下RecyclerView右侧有一个下载按钮，点击下载即可。
2.RecyclerView布局文件准备
我们需要的一个是RecycrView控件的布局文件，这里我新建了一个click_2.xml文件，只设置了一个单一的RecycleeView,如下:

<androidx.recyclerview.widget.RecyclerView
        android:id="@+id/click_2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="8dp"
        android:overScrollMode="never"
        android:scrollbars="vertical" />

然后对于RecyclerView的一个项需要建一个item的布局文件，可以自己随意设置，我想要实现的是采用线性布局用一个LinerLayout将ImageView放置居中，再用一个LinerLayout里面放置两个LinerLayout存放两个TextView，最外层LinerLayout设置为垂直，内层设置为水平。设计过程中可以自己拖动位置来更加适配。
3.编写主要实现代码
这里实现的纵向布局如下：

RecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

其实网格布局，纵向布局，横向布局只需要改一下对应的布局参数即可。要在选取添加布局的按钮的Fragment类里进行增加，实现对滚动的数据和RecyclerView进行初始化。初始化的数据可以放在数组，列表或者单独建一个类来存放数据。

接下来就要扩展 RecyclerView.Adapter 创建适配器，对于列表的每一项比如说联系人是通过扩展RecyclerView的ViewHolder来定义，所以创建了一个ContactViewHolder显示每一项的视图，然后为了将数据绑定到每一项，需要实现onBindViewHolder方法将要显示的内容绑到视图位置上，当用户滚动浏览列表时，RecyclerView 会接收屏幕外的视图并将其重新绑定到滚动显示到屏幕上的数据，其余方法需要什么就实现什么，基本的RecyclerView就完成了。

最后实现了一些动态效果，一个是点击效果，当你点击某一项时会显示内容，这个可以直接在adapter里面直接对控件做点击事件控制，就是在onBindViewHolder方法里加入内容，也可以在adapeter写接口，然后在Fragment实现这个点击控制。

还有一个是滑动删除效果
要实现滑动需要借助一个ItemTouchHelper类，这是一个工具类，能够实现拖动，滑动，提供对RecyclerView的支持，相关内容可以查看ItemTouchHelper官方文档
这里只实现了一个滑动删除的效果，对于随意拖动列表项也可以借助这个工具类完成。
要想实现滑动删除的效果，首先定义了一个类继承自ItemTouchHelper的Callback，实现其中的有关滑动的方法，这里着重说一下重写onSwiped方法实现滑动删除的操作，为了实现adapte和ItemTouchHelper之间的联系，对于滑动删除操作最后需要调用Adapter的notifyItemRemove()方法来移除该数据，所以可以将这个删除数据方法即onItemDismiss抽象成一个接口方法，这样ItemTouchHelper.Callback重写onSwiped方法就可以调用这个方法即可，其余方法根据需要修改就可以了。

在主Fragment除了布局注意设置下面这些参数：

ItemTouchHelper.Callback callback = new swipeItemTouchHelper(adapter);
        ItemTouchHelper touchHelper = new ItemTouchHelper(callback);
        touchHelper.attachToRecyclerView(RecyclerView);

        RecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));
        RecyclerView.setHasFixedSize(true);
        RecyclerView.setAdapter(adapter);

        adapter.setClickDataList(mylist,imageId);

4.最终实现代码地址
完整代码