Android 第二十一课 RecyclerView简单的应用之编写“精美”的聊天页面

1、由于我们会使用到RecyclerView，因此首先需要在app/build.gradle当中添加依赖库。如下：

apply plugin: 'com.android.application'
....
dependencies {....compile 'com.android.support:recyclerview-v7:26.1.0'
}

2、然后开始编写主页面，修该activity_main.xml中的代码，如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#d8e0e8"><android.support.v7.widget.RecyclerViewandroid:id="@+id/msg_recycler_view"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><EditTextandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:hint="Type something here"android:maxLines="2"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="send"/></LinearLayout></LinearLayout>

可以看到主页面上面是一个RecyclerView，用来显示聊天的消息内容，下面是一个EditView，用于输入消息和Button，用于发送消息。

3、然后定义消息的是实体类，新建Msg,代码如下：

package com.example.messsage;/*** Created by ZHJ on 2018/3/14.*/public class Msg {public static final int TYPE_RECEIVED = 0;public static final int TYPE_SENT = 1;private String content;private int  type ;public Msg(String content, int type) {this.content = content;this.type = type;}public String getContent() {return content;}public int getType() {return type;}
}

Msg类中只有两个字段，content表示消息的内容，type表示消息的类型。其中消息类型有两个值可选，TYPE_RECEIVED表示这是一条收到的消息，TYPE_SENT表示这是一条发出的消息。

4、接着编写RecyclerView子项的布局，新建msg_item.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="wrap_content"android:padding="10dp"><LinearLayoutandroid:id="@+id/left_layout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="left"android:background="@drawable/message_left"><TextViewandroid:id="@+id/left_msg"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_margin="10dp"android:textColor="#f00"/></LinearLayout><LinearLayoutandroid:id="@+id/right_layout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:background="@drawable/message_right"><TextViewandroid:id="@+id/right_msg"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_margin="10dp"/></LinearLayout></LinearLayout>

我们让收到的消息居左对齐，发出的消息居右对齐，并且使用meassage_right和message_left作为背景图，这里我们让收到的消息和发出的消息都放在了同一布局里，我们可以根据消息的类型来决定隐藏和显示哪种消息就可以了。

5、创建RecyclerView的适配器类，新建类MsgAdapter，代码如下：

package com.example.messsage;import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;import java.util.List;/*** Created by ZHJ on 2018/3/14.*/public class MsgAdapter extends RecyclerView.Adapter <MsgAdapter.ViewHolder>{private List<Msg> mMsgList;static class ViewHolder extends RecyclerView.ViewHolder{LinearLayout leftLayout;LinearLayout rightLayout;TextView leftMsg;TextView rightMsg;public ViewHolder(View view){super(view);leftLayout = (LinearLayout) itemView.findViewById(R.id.left_layout);rightLayout = (LinearLayout)itemView.findViewById(R.id.right_layout);leftMsg = (TextView)itemView.findViewById(R.id.left_msg);rightMsg = (TextView)itemView.findViewById(R.id.right_msg);}}public MsgAdapter (List<Msg>msgList){mMsgList = msgList;}@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.msg_item,parent,false);return new ViewHolder(view);}@Overridepublic void onBindViewHolder(ViewHolder holder, int position) {Msg msg = mMsgList.get(position);if (msg.getType() == Msg.TYPE_RECEIVED){holder.leftLayout.setVisibility(View.VISIBLE);holder.rightLayout.setVisibility(View.GONE);holder.leftMsg.setText(msg.getContent());}else if (msg.getType() == Msg.TYPE_SENT){holder.leftLayout.setVisibility(View.GONE);holder.rightLayout.setVisibility(View.VISIBLE);holder.rightMsg.setText(msg.getContent());}}@Overridepublic int getItemCount() {return mMsgList.size();}
}

在onBindViewHolder()方法中增加了对消息类型到 判断，如果这条消息是收到的，则显示左边的的消息布局，如果消息是发出的，则显示右边的消息布局。

我们先定义了一个内部类ViewHolder，ViewHolder要继承自RecyclerView.ViewHolder。然后，ViewHolder的构造函数中要传入一个View参数，这个参数通常就是RecyclerView子项的最外层布局，那么我们就可以通过findViewById()方法来获取到布局中的leftMsg 和rightMsg 的实例了。

        MsgApapter中也有一个构造函数，这个方法用于把要展示的数据源传进来，并赋值给一个全局变量mMsgList，我们后续的操作都将在这个数据源的基础上进行。继续往下看，由于mMsgAdapter是继承自RecyclerView.Adapter的，那么就必须重写onCreateViewHolder(),onBindViewHolder()和getItemCount()这3个方法。

    onCreateViewHolder()方法用于创建ViewHolder实例的，我们在这个方法中将R.layout.msg_item布局加载进来，然后创建一个ViewHolder实例，并把加载进来，然后创建一个ViewHolder实例，并把加载出来的布局传入到构造函数中，最后将ViewHolder()方法的实例返回。

    onBindViewHolder()方法是用于对RecyclerView子项的数据进行赋值，会在每个子项被滚到屏幕内的时候执行，这里我们通过position参数得到当前项的Msg实例，然后再将数据设置到ViewHolder的ImageView和TextView当中即可。

    getItemCount()方法就简单了，它用于告诉RecyclerView一共有多少子项，直接返回数据源的长度就可以了。

6、最后修该Main_activity中的代码，如下： 


package com.example.messsage;import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private List<Msg> msgList = new ArrayList<>();private EditText inputText;private Button send;private RecyclerView msgRecyclerView;private MsgAdapter adapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initMsgs();//初始化消息数据inputText = (EditText)findViewById(R.id.input_text);send =(Button) findViewById(R.id.send);msgRecyclerView = (RecyclerView)findViewById(R.id.msg_recycler_view);
       LinearLayoutManager layoutManager = new LinearLayoutManager(this);msgRecyclerView.setLayoutManager(layoutManager);adapter = new MsgAdapter(msgList);msgRecyclerView.setAdapter(adapter);send.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {String content = inputText.getText().toString();if (!"".equals(content)){Msg msg = new Msg(content,Msg.TYPE_SENT);msgList.add(msg);adapter.notifyItemInserted(msgList.size()-1);msgRecyclerView.scrollToPosition(msgList.size() - 1);inputText.setText("");}}});}private void initMsgs(){Msg msg1 = new Msg("Hello guy.",Msg.TYPE_RECEIVED);msgList.add(msg1);Msg msg2 = new Msg("hello,Who is that?",Msg.TYPE_SENT);msgList.add(msg2);Msg msg3 = new Msg("This is Tom.Nice talking to you.",Msg.TYPE_RECEIVED);msgList.add(msg3);}
}

initMsgs()方法中我们先初始化了几条数据用于在RecyclerView中显示出来。

然后在按钮的点击事件中获取了EditText中的内容，如果内容不为空，则创建出一个新的Msgz对象，并把它添加都msgList列表中。之后又调用了适配器的notifyItemInserted()方法，用于通知列表有新的数据插入，这样新增的一条消息才能够在RecyclerView中显示出来。接着调用RecyclerView的scrollPosition()方法将显示的数据定位到最后一行，以保证一定可以看到最后发出的一条消息，最后调用EditText的setText()方法将输入的内容清空。

运行之后，如下：














本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/274079.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

VS 2008 生成操作中各个选项的差别

VS 2008 生成操作中各个选项的差别

近日&#xff0c;在编译C#项目时经常发现有些时候明明代码没错&#xff0c;但就是编译不过&#xff0c;只有选择重新编译或者清理再编译才会不出错&#xff0c;本着求学的态度&#xff0c;搜罗了下VS2008IDE中生成操作的种类以及差别&#xff0c;整理如下&#xff1a;内容(Cont…
阅读更多...
dbus-python指南

dbus-python指南

菜鸟学dbus-python&#xff0c;翻译dbus-python指南&#xff0c;错误之处请在所难免&#xff0c;请诸位不吝赐教&#xff0c;多多指正&#xff01;查看英文原版请点这里。 连接总线Connecting to the Bus方法调用Making method calls代理对象proxy objects接口和方法Interfaces…
阅读更多...
JavaScript 第三课 DOM

JavaScript 第三课 DOM

主要内容&#xff1a; 节点5个常用的DOM方法&#xff1a;getElementById、getElementByTagname、getElementByClassName、getAttribute和setAttribute详细内容: 1、文档&#xff1a;DOM中的“D”如果没有document(文档),DOM也就无从谈起。当创建了一个网页并把它加载到Web浏览器…
阅读更多...
源码编译安装Nginx

源码编译安装Nginx

1.源码下载 Nginx在github上有一个只读源码库&#xff0c;我获取的源码方式为&#xff1a; git clone https://github.com/nginx/nginx.git 2.configure 我下载源码的时候&#xff0c;github上的源码的目录结构为: auto, conf, contrib, docs, misc, src共6个目录。src目录是…
阅读更多...
SOAP协议初级指南（2）

SOAP协议初级指南（2）

目前的技术存在的问题&#xff1f; 　　尽管DCOM和IIOP都是固定的协议&#xff0c;业界还没有完全转向其中任何一个协议。没有融合的部分原因是文化的问题所致。而且在当一些组织试图标准化一个或另一个协议的时候&#xff0c;两个协议的技术适用性就被提出质疑。传统上认为DC…
阅读更多...
JavaScript 第四课 案例研究：JavaScript图片库

JavaScript 第四课 案例研究：JavaScript图片库

主要内容&#xff1a;编写一个优秀的标记文件编写一个JavaScript函数以显示用户想要查看的内容由标记出发函数调用使用几个新方法扩展这个JavaScript函数 学习过DOM&#xff0c;我们用JavaScript和DOM去建立一个图片库。最好的办法是什么呢&#xff1f; 利用JavaScript来建立图…
阅读更多...
windows下mongodb安装与使用整理

windows下mongodb安装与使用整理

一、首先安装mongodb 1.下载地址&#xff1a;http://www.mongodb.org/downloads 2.解压缩到自己想要安装的目录&#xff0c;比如d:\mongodb 3.创建文件夹d:\mongodb\data\db、d:\mongodb\data\log&#xff0c;分别用来安装db和日志文件&#xff0c;在log文件夹下创建一个日志文…
阅读更多...
可变参数列表（va_list,va_arg,va_copy,va_start,va_end）

可变参数列表（va_list,va_arg,va_copy,va_start,va_end）

本文转自:http://blog.csdn.net/costa100/article/details/5787068 va_list arg_ptr&#xff1a;定义一个指向个数可变的参数列表指针&#xff1b; 　　 　　va_start(arg_ptr, argN)&#xff1a;使参数列表指针arg_ptr指向函数参数列表中的第一个可选参数&#xff0c;说明&…
阅读更多...
src与href属性的区别

src与href属性的区别

src和href之间存在区别&#xff0c;能混淆使用。src用于替换当前元素&#xff0c;href用于在当前文档和引用资源之间确立联系。 src是source的缩写&#xff0c;指向外部资源的位置&#xff0c;指向的内容将会嵌入到文档中当前标签所在位置&#xff1b;在请求src资源时会将其指向…
阅读更多...
USACO4.12Beef McNuggets(背包+数论）

USACO4.12Beef McNuggets(背包+数论）

昨天晚上写的一题 结果USACO一直挂中 今天交了下 有一点点的数论知识 背包很好想 就是不好确定上界 官方题解&#xff1a; 这是一个背包问题。一般使用动态规划求解。 一种具体的实现是&#xff1a;用一个线性表储存所有的节点是否可以相加得到的状态&#xff0c;然后每次可以…
阅读更多...
Java 循环语句中 break,continue,return有什么区别？

Java 循环语句中 break,continue,return有什么区别？

break 结束循环&#xff0c;跳出循环体,进行后面的程序;continue 结束本次循环&#xff0c;进行下次循环;return 跳出循环体所在的方法&#xff0c;相当于结束该方法; 例子&#xff1a; public class whiletrueTest{public static void main(String[] args) {heihei();haha();…
阅读更多...
Epoll模型详解

Epoll模型详解

转自http://blog.163.com/huchengsz126/blog/static/73483745201181824629285/ Linux 2.6内核中提高网络I/O性能的新方法-epoll I/O多路复用技术在比较多的TCP网络服务器中有使用&#xff0c;即比较多的用到select函数。 1、为什么select落后 首先&#xff0c;在Linux内核中…
阅读更多...
运算放大器单电源应用中的使用齐纳二极管偏置方法

运算放大器单电源应用中的使用齐纳二极管偏置方法

运算放大器单电源应用中的偏置方法除了使用大电阻使运放输出达到电源电压的一半外&#xff0c;还有使用齐纳二极管&#xff08;稳压管&#xff09;方法也能得到达到应用目的。 下面就推荐几个齐纳二极管&#xff08;分别对应着电源电压是15V,12V&#xff0c;9V;5V&#xff09; …
阅读更多...
Java——demo之仿ATM操作

Java——demo之仿ATM操作

java.util.Scanner类&#xff0c;这是一个用于扫描输入文本的新的实用程序。其中nextInt()获取String型&#xff0c;而next()获取int、double型。这是一个仿ATM的小程序。 实现条件 1.登陆界面&#xff0c;2.三次登陆机会&#xff0c;登陆成功进入登陆菜单&#xff0c;3&#x…
阅读更多...
dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算

本文转自&#xff1a;http://www.cnblogs.com/yaozhongxiao/archive/2014/07/14/3842908.html 一、基本概念 dip &#xff1a; Density independent pixels &#xff0c;设备无关像素。 dp &#xff1a;就是dip px &#xff1a; 像素 dpi &#xf…
阅读更多...
Ninject使用demo

Ninject使用demo

public class HomeController : Controller{public ActionResult Index(){ //核心对象IKernel ninjectKernel new StandardKernel();ninjectKernel.Bind<IValueCaculator>().To<LinqValueCalcalator>(); //方案1&#xff1a;获取接口实例IV…
阅读更多...
Java 集合中关于Iterator 和ListIterator的详解

Java 集合中关于Iterator 和ListIterator的详解

1.Iterator Iterator的定义如下&#xff1a;public interface Iterator<E> {}Iterator是一个接口&#xff0c;它是集合的迭代器。集合可以通过Iterator去遍历集合中的元素。Iterator提供的API接口如下&#xff1a;forEachRemaining(Consumer<? super E> action)&a…
阅读更多...
使用xrandr和cvt命令添加自定义的分辨率模式

使用xrandr和cvt命令添加自定义的分辨率模式

可以使用xrandr -q命令查看当前支持的分辨率模式: 如果过没有你想要的分辨率模式,则需要自己创建新的分辨率模式,例如,我想要创建800x750的分辨率模式,步骤如下: 1.使用cvt命令创建新的分辨率: 2.使用xrandr –newmode modeline信息(CVT命令产生的结果)创建新的mode: $xra…
阅读更多...
Java List集合

Java List集合

我们先看一下jdk1.9对其的描述&#xff1a;什么是List&#xff0c;也就是一个有序集合(序列)。1.List接口 List集合代表一个有序集合&#xff0c;集合中每个元素都有其对应的顺序索引。List集合允许使用重复元素&#xff0c;可以通过索引来访问指定位置的集合元素。 List接口继…
阅读更多...
winform错误提示 ：窗口类名无效(Window class name is not valid)

winform错误提示 ：窗口类名无效(Window class name is not valid)

winfrom 程序在 xp 操作系统上报错提示 窗口类名无效(Window class name is not valid) 解决方法 注释 Program类 里 这句 Application.EnableVisualStyles(); 解决转载于:https://www.cnblogs.com/z_lb/p/3288850.html
阅读更多...
最新文章

Copyright @ 2022~2023