意派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條）