美文网首页
会话界面_UI简单优化和介绍

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

作者: 大象屁股 | 来源:发表于2016-11-29 17:12 被阅读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了;

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

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

    相关文章

      网友评论

          本文标题:会话界面_UI简单优化和介绍

          本文链接:https://www.haomeiwen.com/subject/lhpapttx.html