本篇文章为大家展示了UIChatBox模块示例分析，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

我们提供的服务有：网站设计、网站建设、微信公众号开发、网站优化、网站认证、桦甸ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的桦甸网站制作公司

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

注意事项：
表情按钮 和 面板按钮 需要设置参数，不然不会显示
    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对象；表情和附加功能面板的小圆点指示器样式，若不传则不显示该指示器

上述内容就是UIChatBox模块示例分析，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联网站制作公司行业资讯频道。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网页标题：UIChatBox模块示例分析-创新互联
标题来源：http://azwzsj.com/article/disedc.html