應用背景

不知道大家是否開發過類似朋友圈，論壇之類的功能。通常在這個過程中我們要有發表情的需求。LZ當時遇到了這個需求，所以完成功能後，就將發表情這個功能封裝了一下。使用非常簡單，只需要三兩行程式碼，你就能在你的專案中實現發表情的功能啦。

效果圖展示

實現步驟

1.將以下類與資原始檔依次匯入到你自己的專案中

2.在某輸入頁面中的xml中添加布局檔案

比如我這個效果圖就是一個Activity。那我就在Activity的根部局當中新增如下程式碼

         <include
            android:id
 
="@+id/chat_face_container"
            layout="@layout/chat_face_container"
            android:visibility="gone" />

這裡應該注意xml頁面的搭建邏輯，chat_face_container應該在一個LinearLayout的最下面，整個LinearLayout應該是附著在螢幕底部。具體請參考demo

3.在程式碼中的配置

非常非常的簡單，只需要一行程式碼即可

 //param1：你加入當前頁面中的佈局，param2：你的輸入框，param3：context
 

 ChatFaceView chatFaceView = new ChatFaceView(chat_face_container, edit_input_text, this);

假如ios發來一條帶有表情的訊息，如何將字串訊息轉換為帶有表情的字串？

呼叫如下方法即可

SpannableStringBuilder ssbC = FaceUtils.getInstance(context).toSpanText(
                        edit_input_text.getText().toString());
tvshow2.setText(ssbC);

 

另外還有一些常用api

    /*比如：
          為輸入框新增點選事件，點選輸入框讓chatview消失*/
       edit_input_text.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                chatFaceView.closeChatView();
            }
        });
     /*比如：
             為表情按鈕新增點選事件，點選讓chatview消失或顯示*/
        btn_chat_emoji.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                chatFaceView.openOrCloseChatView();
            }
        });

核心要點

1.傳送表情實則是傳送的表情對應的String編碼，這個編碼在本案例中就在asset檔案下

2.點選表情後，表情圖片如何顯示在了EditText中？而不是以原本String格式顯示？

這是通該方法實現

    /**
     * 
     * @param png 檔名，不含路徑
     * @return
     */
    private SpannableStringBuilder getFace(String png) {
        SpannableStringBuilder sb = new SpannableStringBuilder();

        try {

            //          String tempText = "[" + png + "]";
            String tempText =FaceUtils.getInstance(mContext).GetFaceMap(0).get(png);
            sb.append(tempText);
            sb.setSpan(
                    new ImageSpan(mContext, BitmapFactory
                            .decodeStream(mContext.getAssets().open("face/default/" + png))), sb.length()
                            //                          .decodeStream(mContext.getAssets().open(png))), sb.length()
                            - tempText.length(), sb.length(),
                            Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

        } catch (Exception e) {
            e.printStackTrace();
        }

        return sb;
    }