【模块示例】UIChatBox模块示例demo

马浩川

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对象；表情和附加功能面板的小圆点指示器样式，若不传则不显示该指示器



代码文件：

52yaoer

支持。。。。。

易大侠

支持，感谢分享

点乐无限

感谢分享                           

马浩川

看有人说 键盘弹起后底部内容被遮盖了

茶茶

切换到表情面板，然后切换到手机桌面，在进入程序，表情面板和键盘同时显示

chuanchao008

能读取相册图片吗

马浩川

chuanchao008 发表于 2019-8-4 18:18
能读取相册图片吗

你可以写回调

马浩川

mededo 发表于 2019-8-23 12:39
你好，关于附加功能的显示区域，如果我只有一二个按钮，能不能把高度缩小呀？这样下面是一片空白，很不好 ...

这个高度是为了兼顾 键盘的 和键盘是一致的
暂时没有改变的参数

为什么一定要取名

C:\Users\Administrator\Desktop\uichat\2234.png