UIChatBox模块示例demo

感谢论坛版主 马浩川 的分享。json

UIChatBox 模块是一个聊天输入框模块,开发者可自定义该输入框的功能。经过 open 接口可在当前 window 底部打开一个输入框,该输入框的生命属于当前 window 全部。当输入框获取焦点后,会自动弹动到软键盘之上。开发者可经过监听输入框距离底部弹动的高度,来改变聊天对话界面的高度,从而实现相似 QQ 聊天页面的功能。UIChatBox 模块是 chatBox 模块的优化版。 文档地址 :docs.apicloud.com/Client-API/…api

模块效果图:优化

注意事项: 表情按钮 和 面板按钮 须要设置参数,否则不会显示     emotionBtn: {                       //(可选项)JSON对象;表情按钮样式;不传则不显示表情按钮        normalImg: 'widget://'          //(可选项)字符串类型;表情按钮常态的背景图片(本地路径,fs://、widget://);默认:笑脸小图标,    },    extrasBtn: {                        //(可选项)JSON对象;附加功能按钮样式,不传则不显示附加功能按钮        normalImg: 'widget://'          //(可选项)字符串类型;附加功能按钮常态的背景图片(本地路径,fs://、widget://)    } 发送按钮参数在IOS上无效 sendBtn                          //(可选项)JSON对象;发送按钮样式,本参数对 iOS 平台上的键盘内发送按钮无效orm

注意事项: 使用表情时须要在调用open时配置参数emotionPath 自定义表情文件夹(表情图片所在的文件夹,须同时包含一个与该文件夹同名的.json配置文件)的路径(本地路径,fs://、widget://)。 json文件内的 name 值必须与表情文件夹内表情图片名对应。cdn

表情页面的小圆点指示器须要设置参数打开 indicator                       //(可选项)JSON对象;表情和附加功能面板的小圆点指示器样式,若不传则不显示该指示器对象

相关文章
相关标签/搜索