会话界面_UI简单优化和介绍

2016-11-29  本文已影响160人  大象屁股

环境:IMKit_2.8.2_SDK

会话界面UI优化和介绍:

一、会话界面 介绍

IMKit->res->layout->rc_fr_messagelist.xml  ---》这个会话界面的xml;

二、消息listiview的item介绍

IMKit->res->layout->rc_item_message.xml---》这个会话界面的Listview的item的xml;


三、如果要更改消息的背景

IMKit\src\main\res\drawable-xhdpi  这个目录下找到这几张.9图,然后更换自己需要的颜色,下面图示,是我已经更改过了的;

根据名字找到这几张图片,就行了;

四、介绍一下,融云基本消息类型的xml

rc_item_location_message.xml-------》地址消息xml

rc_item_image_message.xml----------》图片消息xml

rc_item_text_message.xml--------------》文本消息xml

rc_item_voice_message.xml-----------》语音消息xml

rc_item_file_message.xml----------------》文件消息xml

rc_item_rich_content_message.xml--》图文消息xml

五、输入框部分的介绍和优化

rc_ext_extension_bar.xml--------》输入栏部分xml;

rc_ext_input_edit_text.xml--------》输入栏中间部分xml(EditText和表情图标);

改变这一块需要注意的事,尽量不要对融云的xml进行大的改动,自己选择重新写几个xml,并不费力,还不会影响融云的其他地方;

我这里的EditText框的背景xml,就是我自己写的;

语音图标,表情图标,扩展栏图标,都是两个图片,直接替换图片就ok了;

注意,图片大小一定要和融云自带的图片相同,图片名称建议不变;

暂时介绍这么多,如有需要请留言;

上一篇下一篇

猜你喜欢

热点阅读