当前位置: 首页>移动开发>正文

Android recyclerView 实现微信消息列表 androidstudio微信界面

Android Studio 类微信页面(二)RecyclerView设计

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

  • 实现RecyclerView布局(这里实现的是显示纵向布局),内容为联系人及图片
  • 增加RecycleView设计内容,实现了点击,滑动删除效果
    参考网址: 官方指南 前人总结 项目效果如下:
    纵向布局展示,点击效果:
  • Android recyclerView 实现微信消息列表 androidstudio微信界面,Android recyclerView 实现微信消息列表 androidstudio微信界面_数据,第1张

  • 滑动删除:
  • Android recyclerView 实现微信消息列表 androidstudio微信界面,Android recyclerView 实现微信消息列表 androidstudio微信界面_android_02,第2张


实现思路如下:

1.下载Recyclerview控件

Android recyclerView 实现微信消息列表 androidstudio微信界面,Android recyclerView 实现微信消息列表 androidstudio微信界面_滑动删除_03,第3张

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.最终实现代码地址
完整代码



https://www.xamrdz.com/mobile/43t1921858.html

相关文章: