XhxEmotionsKeyBoard表情鍵盤調試記錄

第一部分:準備工作(從github上下載源代碼)

https://github.com/w446108264/AndroidEmoji

https://github.com/w446108264/XhsEmoticonsKeyboard

AndroidEmoji部分,跑demo是沒有問題的;XhsEmoticonsKeyboard部分demo依賴於AndroidEmoji1.0.0版本,然而AndroidEmoji最新版本爲1.3與1.0.0不兼容,且不知道爲何AndroidEmoji1.3我也compile不成功。所以,最後我新建了一個項目,導入對應的庫,整合兩個demo的示範頁面。代碼準備如下,AndroidEmoji1.0.0從github-releases中下的源碼。

 

第二部分:搭建demo

1、新建一個空項目;

2、實現AndroidEmoji調試:

AndroidEmoji源碼中的emoji目錄作爲moudle導入項目;

AndroidEmoji源碼中simple裏的相關頁面和邏輯代碼,複製到項目主程序app中做爲主程序

(主要是activity,以activity頁面爲引,再搬下工具類、layout之類的,缺什麼從simple中找到對應的複製過來就好)。

3、AndroidEmoji的demo效果跑起來後,改變代碼結構,新增一個MainAcivity,頁面上放兩個按鈕,分別做到AndroidEmoji和XhsEmoticonsKeyboard的demo跳轉;

4、實現XhsEmoticonsKeyboard調試:

XhsEmoticonsKeyboard源碼中的library、reclib_qq、reclib_testmotions目錄分別作爲moudle導入項目;

XhsEmoticonsKeyboard源碼中app裏的以activity爲引線拎出來,缺什麼複製什麼,由於XhsEmoticonsKeyboard部分的demo依賴的是AndroidEmoji1.0.0版本,所有部分需要的代碼上面導入的emoji中是缺少的,缺的部分需要到AndroidEmoji1.0.0中找到複製到emoji的對應代碼裏就好。

第三部分:demo分析記錄

1、拆解XhsEmoticonsKeyBoard

豎着:線、主框、鍵盤view;

主框:語言/文字切換按鈕;

          按住錄音/輸入框+表情face;

          更多媒體操作/發送。

鍵盤view:viewpager、指示器indicator、工具欄(多素材庫)

2、多素材庫基於assets(zip、png直接放目錄、顏文字文檔、emoji)

準備自定義圖片素材zip的時候,注意打包方式,要求解壓後的第一級就是圖源,否則加載不出來

3、鍵盤viewpager的樣式:文本樣式、圖片樣式、圖片+樣式;

4、輸出類型(聊天記錄):文本(包括emoji)、圖片

 

最後:

1、樣式上僅作爲佈局參考,結構還是不錯的,具體要看產品給怎樣的設計~

2、emoji資源包的解壓代碼XhsEmoticonsKeyboard和AndroidEmoji兩處的demo有些不同,確定下zip解壓後的目錄和對應demo一致,就能解壓加載成功(可以考慮用相同文件名的不同圖片替換顯示圖庫)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章