UIChatBox模塊示例demo

感謝論壇版主 馬浩川 的分享。

UIChatBox 模塊是一個聊天輸入框模塊,開發者可自定義該輸入框的功能。通過 open 接口可在當前 window 底部打開一個輸入框,該輸入框的生命屬於當前 window 所有。當輸入框獲取焦點後,會自動彈動到軟鍵盤之上。開發者可通過監聽輸入框距離底部彈動的高度,來改變聊天對話界面的高度,從而實現類似 QQ 聊天頁面的功能。UIChatBox 模塊是 chatBox 模塊的優化版。
文檔地址 :https://docs.apicloud.com/Cli...
模塊效果圖:
圖片描述
注意事項:
表情按鈕 和 面板按鈕 需要設置參數,不然不會顯示
    emotionBtn: {                       //(可選項)JSON對象;表情按鈕樣式;不傳則不顯示錶情按鈕        normalImg: 'widget://'          //(可選項)字符串類型;表情按鈕常態的背景圖片(本地路徑,fs://、widget://);默認:笑臉小圖標,    },    extrasBtn: {                        //(可選項)JSON對象;附加功能按鈕樣式,不傳則不顯示附加功能按鈕        normalImg: 'widget://'          //(可選項)字符串類型;附加功能按鈕常態的背景圖片(本地路徑,fs://、widget://)    }
發送按鈕參數在IOS上無效
sendBtn                          //(可選項)JSON對象;發送按鈕樣式,本參數對 iOS 平臺上的鍵盤內發送按鈕無效
圖片描述
注意事項:
使用表情時需要在調用open時配置參數emotionPath
自定義表情文件夾(表情圖片所在的文件夾,須同時包含一個與該文件夾同名的.json配置文件)的路徑(本地路徑,fs://、widget://)。
json文件內的 name 值必須與表情文件夾內表情圖片名對應。

表情頁面的小圓點指示器需要設置參數打開
indicator                       //(可選項)JSON對象;表情和附加功能面板的小圓點指示器樣式,若不傳則不顯示該指示器

圖片描述

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