UIChatBox模块示例demo

UIChatBox模块提供了一个可自定义的聊天输入框,支持开发者定制功能。通过open接口在窗口底部展示,并能根据软键盘自动调整位置。注意表情按钮和面板按钮需设置参数,且在iOS上发送按钮参数无效。使用表情需配置emotionPath,并确保json文件内的name值与表情图片名对应。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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对象;表情和附加功能面板的小圆点指示器样式,若不传则不显示该指示器
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值