最近要實作一個類似QQ聊天輸入框,在輸入框中可以同時輸入文字和表情圖像的功能。如下圖所示的效果:

為了實作這個效果,先去了解了一下ImageSpan和SpannableString的用法。下面用一個小執行個體來看看具體的用法,效果如下:
代碼如下:
代碼中主要是将 [smile]文本 替換成了 R.id.smile圖像
布局檔案:
==================================================================================================
至于要實作第一圖所示的QQ聊天輸入框的效果,需要找到多張QQ表情圖檔,然後和相對應的文本,用一個Map<String key,Integer value>來存儲起來。然後使用網格布局,将所有的表情都進行相關的縮放效果後再顯示出來,還得使用分頁技術,以及添加立體翻轉效果特效等,這裡就不貼代碼了。
可以參考網上的相關部落格:
<a target="_blank" href="http://blog.csdn.net/lnb333666/article/details/8546497">Android UI【android 仿微信、QQ聊天,帶表情,可翻頁,帶翻頁拖動緩沖】</a>
下面是一個簡單的工具欄
====================================================================================
作者:歐陽鵬 歡迎轉載,與人分享是進步的源泉!
====================================================================================