android容联云IM会话界面chattingFragment修改的简单介绍

前面我们已经简单介绍了如何修改我们的fulldemo来直接登陆会话界面ChattingFragment,下面我们就介绍与这个界面相关的一些文件的位置和内容。

上次，我们是在NewLauncherActivity使用startActivity的方式打开ChattingActivity的：

进入ChattingActivity后，在ChattingActivity当中的OnCreate方法里：

ChattingActivity将自己的布局使用Transaction的方式替换成了ChattingFragment的布局，所以最后显示出来的界面为ChattingFragment当中的布局

我们从右边的ChattingFragment的布局文件：chatting_activity.xml中可以看出，布局主要由一个最上方头部header即TopBarView和一个交流界面ListView和最下面的footer面板ChattingFooter2组成.

我们点击两次shift键输入TopBarView进入TopBarView的界面：

TopBarView是一个自定义控件，继承了LinearLayout,在TopBarView.java文件中我们进入它的布局文件：

进入common_view_top_bar,就是TopBarView的布局文件，你会看到下面的界面:

没错，这个就是顶部TopBarView的布局文件，虽然你可能有点不相信，因为内容有点多，具体TopBarView的修改我们下次博客里再说，想试着修改的自己可以尝试一下。

下面我们所我们发消息的交流界面ListView，我们先回到ChattingFragment：

这个ListView的定义在这，但是我们要修改头像或者其它样式，需要到CallRxRow和CallTxRow中修改，

我们双击shift输入CallRxRow进入CallRxRow的界面，进入CallRxRow的布局文件：

看到的效果如下：

修改图片头像或者文本的样式就在这，CallRxRow是左边的联系人交流的界面，CallTxRow是右边自己交流的界面，情况是一样的。

如果你想修改消息发送状态的设置或者设置特定的头像内容，就需要在BaseChattingRow当中进行修改：

修改位置就应该在这里了，具体修改后面博客里再说，下面我们看一下下方面板ChattingFooter2里面的界面：

我们双击shift输入ChattingFooter2进入ChattingFooter文件：

ChattingFooter2也是一个自定义控件，它继承的是LinearLayout，我们再进入它的布局文件：ccp_chatting_footer2：

具体情况就如上所示，位置基本上都介绍好了，后一篇博客将详细介绍TopBarView的修改过程，如果这里有什么不明白的地方，请参考：IM初始化及简单登陆修改