apicloud apicloud

注册
查看: 1058|回复: 17

[案例源码] 【模块示例】UIChatBox模块示例demo

官方版主

UID:791056

主题:
9
帖子:
10986
云币:
3119

端午节

[案例源码] 【模块示例】UIChatBox模块示例demo

1058 17 | 发表于 2019-7-19 16:28:39 |阅读模式 | |
本帖最后由 马浩川 于 2019-7-19 16:37 编辑

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



代码文件:



本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---点击去投票

版主

UID:83211

主题:
151
帖子:
7066
云币:
51415

APICloud粉丝端午节模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

发表于 2019-7-19 17:21:49 |
支持。。。。。
52yaoer:优秀模块开发者,在社区已经连续10个月表现优异。
【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---我是12号版主,点击去投票

版主

UID:546828

主题:
32
帖子:
3741
云币:
39128

端午节圣诞节捣蛋鬼APICloud五岁啦

发表于 2019-7-19 23:33:40 |
支持,感谢分享
易大侠:社区美少女,论坛彭于晏,在社区已经连续11个月表现优异。
【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---我是10号版主,点击去投票

主题:
54
帖子:
214
云币:
261
发表于 2019-7-24 14:47:48 |
感谢分享                           

官方版主

UID:791056

主题:
9
帖子:
10986
云币:
3119

端午节

 楼主| 发表于 2019-7-31 11:18:59 |
看有人说 键盘弹起后底部内容被遮盖了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

点评

:请问这个问题怎么解决呢? 
发表于 2019-8-27 15:46
【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---点击去投票

驾校小白

UID:798108

主题:
0
帖子:
6
云币:
6
发表于 2019-8-2 13:19:13 |
切换到表情面板,然后切换到手机桌面,在进入程序,表情面板和键盘同时显示

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

主题:
3
帖子:
35
云币:
43
发表于 2019-8-4 18:18:04 |
能读取相册图片吗

官方版主

UID:791056

主题:
9
帖子:
10986
云币:
3119

端午节

 楼主| 发表于 2019-8-20 15:44:36 |
chuanchao008 发表于 2019-8-4 18:18
能读取相册图片吗

你可以写回调
【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---点击去投票

实习司机

UID:18817

主题:
34
帖子:
130
云币:
173
发表于 2019-8-23 12:39:20 |

你好,关于附加功能的显示区域,如果我只有一二个按钮,能不能把高度缩小呀?这样下面是一片空白,很不好看和不协调。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

官方版主

UID:791056

主题:
9
帖子:
10986
云币:
3119

端午节

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

这个高度是为了兼顾 键盘的 和键盘是一致的
暂时没有改变的参数
【2019年度最佳版主评选】给版主投票即可奖励50云币,截止至12月31日---点击去投票
12下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表