會(huì)話界面_UI簡單優(yōu)化和介紹

環(huán)境:IMKit_2.8.2_SDK

會(huì)話界面UI優(yōu)化和介紹:

一、會(huì)話界面 介紹

IMKit->res->layout->rc_fr_messagelist.xml? ---》這個(gè)會(huì)話界面的xml;

二、消息listiview的item介紹

IMKit->res->layout->rc_item_message.xml---》這個(gè)會(huì)話界面的Listview的item的xml;


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

IMKit\src\main\res\drawable-xhdpi ?這個(gè)目錄下找到這幾張.9圖,然后更換自己需要的顏色,下面圖示,是我已經(jīng)更改過了的;

根據(jù)名字找到這幾張圖片,就行了;


四、介紹一下,融云基本消息類型的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


五、輸入框部分的介紹和優(yōu)化

rc_ext_extension_bar.xml--------》輸入欄部分xml;

rc_ext_input_edit_text.xml--------》輸入欄中間部分xml(EditText和表情圖標(biāo));

改變這一塊需要注意的事,盡量不要對(duì)融云的xml進(jìn)行大的改動(dòng),自己選擇重新寫幾個(gè)xml,并不費(fèi)力,還不會(huì)影響融云的其他地方;

我這里的EditText框的背景xml,就是我自己寫的;

語音圖標(biāo),表情圖標(biāo),擴(kuò)展欄圖標(biāo),都是兩個(gè)圖片,直接替換圖片就ok了;

注意,圖片大小一定要和融云自帶的圖片相同,圖片名稱建議不變;


暫時(shí)介紹這么多,如有需要請(qǐng)留言;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容