apicloud apicloud

注册
查看: 3396|回复: 27

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

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594

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

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



代码文件:



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

版主

UID:83211

主题:
160
帖子:
8513
云币:
1323

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

发表于 2019-7-19 17:21:49 |
支持。。。。。

版主

UID:546828

主题:
34
帖子:
4299
云币:
3095

圣诞节捣蛋鬼APICloud五岁啦

发表于 2019-7-19 23:33:40 |
支持,感谢分享

主题:
72
帖子:
375
云币:
435
发表于 2019-7-24 14:47:48 |
感谢分享                           

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594
 楼主| 发表于 2019-7-31 11:18:59 |
看有人说 键盘弹起后底部内容被遮盖了

本帖子中包含更多资源

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

x

点评

:请问这个问题怎么解决呢? 
发表于 2019-8-27 15:46

驾校小白

UID:798108

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

本帖子中包含更多资源

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

x

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

官方版主

UID:791056

主题:
9
帖子:
17949
云币:
5594
 楼主| 发表于 2019-8-20 15:44:36 |
chuanchao008 发表于 2019-8-4 18:18
能读取相册图片吗

你可以写回调

实习司机

UID:18817

主题:
38
帖子:
138
云币:
183
发表于 2019-8-23 12:39:20 |

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

本帖子中包含更多资源

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

x

官方版主

UID:791056

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

这个高度是为了兼顾 键盘的 和键盘是一致的
暂时没有改变的参数
123下一页
您需要登录后才可以回帖 登录 | 立即注册

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