第0天ListView多布局实现聊天界面

多布局+气泡聊天

一.效果图

二.使用9图制作气泡聊天

1.创建一张聊天的图片

2.将上述qq_liaotian图片制作成9图并重新命名 qq_liaotian1.9.png


3.最后在drawable下面生成对应的9图

4.点击9图编辑

5.使用9图

6.效果演示

二.RoundedImageView实现圆形头像

1.添加RoundedImageView依赖：‘com.makeramen:roundedimageview:2.3.0’
2.使用：

3.效果图：

四.将刚刚的9图应用到QQ聊天界面使用多布局

1.思路：

（1）左右2种布局
（2）适配器中类型判断类型，使用左布局还是右布局

2.代码：

（1）左布局：
（2）右布局：
（3）Java bean：
（4）适配器：
（5）activity_main.xml布局代码：
（5）MainActivity.java代码：