意派Epub360 H5编辑器群聊插件教程，教你3分钟搞定模拟微信群聊H5
现如今，拟态类H5的“戏路”正越走越宽，大有“万物皆可模拟”之势。从最为熟知的微信场景模拟到各种APP场景模拟，只要“有料”，用户似乎永远不会看腻~
意派Epub360 H5编辑器现已上线“群聊插件”，可助力大家快速完成模拟群聊H5的制作（点击查看→演示案例效果）。话不多说，一起来看看具体教程吧~
如何添加到画布上？
在编辑器上方工具栏，互动组件分类下，添加“微信群聊”插件到画布上。
群聊插件可通过右侧悬浮面板的内容配置、全局配置两个板块进行调整，如图所示：
一、内容配置
初始添加默认有两条群聊内容，一左一右，分别对应发送者和接收者，可以调整头像、昵称、聊天消息的类型、增删聊天消息。
1、内容调整
a）可调整群聊消息显示方向：
显示为左，即发送者，可以调整用户的头像和昵称；
显示为右，即接收者，默认调用微信头像和昵称。
b）可勾选是否显示日期，调整日期内容
2、消息类型
可选择文本、图片或视频三种类型的消息切换（更多的类型在规划迭代中）
文本类型：可自定义输入文字内容，点击“@”可以赋值用户微信昵称、浏览量等参数变量；
图片类型：可自定义1张图片；
视频类型：可自定义1条视频内容，根据竖屏或横屏的尺寸显示。
3、增删与调序
选中指定消息的时候，可以切换到该条消息的编辑状态；
按住指定消息可以上下拖拽，调整消息的排序次序；
点击消息列表上的“+”，可以设置消息的触发器；
点击消息列表上的“x”，可以删除消息内容；
点击“增加群聊项”，可以增加一条群聊内容。
二、全局配置
可配置群聊插件全局内容，包括群聊背景、头像、昵称、文本及颜色
1、群聊背景
可以调整全局聊天内容的文本颜色；
2、主题
可以配置全局样式主题；
3、边框及背景
可以调整全局左聊天底框、右聊天底框及背景色的色值；
4、动画设定
可以调整全局消息出现的动画间隔时间，默认为1秒，支持小数点后一位，如1.8秒；
5、音频
可以调整全局消息出现时的提示音频，需mp3格式；
6、触发器
可以调整全局触发器，包含开始播放时、结束播放时；
注意事项：
群聊文本目前只支持中文居中，有英文或字母对齐方式会偏左
以上就是意派Epub360 H5编辑器群聊插件的使用教程，感兴趣的朋友快去试试吧！
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）