编辑器操作界面
进入活动编辑器,左侧为模板库、页面进入H5活动编辑器,左侧为模板库、页面/弹窗管理区、元素库;顶部为高级功能区;中心为作品画布编辑器、辅助功能区;右侧为页面/元素设置区。
1. 页面配置
在单个页面右侧序号下方,可对该页面进行上下移动、收藏、添加单页模板、复制、删除操作:
点击【添加页面】按钮,或每个页面底部的加号【+】按钮,均可增添空白页面;
...
备注:作品弹窗除无法导入模板外,其他操作皆与作品页操作一致
2. 画布编辑区
在中心画布区,点击拖动底侧高度调节栏,可调整页面长度,页面尺寸最小为640*1008px,宽度固定为640px无法调节;
3. 辅助功能区
包括动画预览、标尺开关、参考线开关、网格开关、导入PSD、标尺、网格、参考线:
在画布右侧可进行撤销与恢复、快捷操作和属性标签、预览动效、显示标尺、显示参考线、显示网格、导入PSD。
...
PSD文件导入:http://bbs.rabbitpre.com/forum.php?mod=viewthread&tid=2134
4. 页面/元素设置区
可以在右侧面板设置页面或元素的的样式、动效和触发事件:
点击画布空白处,展示出的是背景设置、翻页设置及触发设置,若点击不同的元素,该界面为切换成相应的元素设置界面。
...
5. 高级功能区
以一种步骤导航的形式,让用户在进行活动设置的过程中更有序,从基础的触发设置、表单设置,到较为复杂的玩法设置、流程策略,最后是预览设置。
a
6.
...
图层面板
点击可开启图层设置、变量设置、流程策略、插件设置(需开通组件化插件功能)面板,可针对特定元素进行特殊设置
图层设置面板:左侧眼睛按钮为 隐藏/显示该图层
...
支持根据类型、属性对元素/组件进行筛选,可以更方便地找到对应的图层;
图层左侧眼睛按钮为隐藏/显示该图层;
右键点击某个图层,可进行锁定/解锁、启用/禁用、隐藏、删除、上移/下移、置顶/
...
置底操作,也可直接在画布区右键点击对应元素,进行图层设置与删除。
...
7. 工具
b. 侧边栏下部为辅助功能区
包括动画预览、标尺开关、参考线开关、网格开关、导入PSD、页面放大与缩小、以及客服按钮
标尺、网格、参考线:
PSD文件导入:http://bbs.rabbitpre.com/forum.php?mod=viewthread&tid=2134
c. 最右侧为主要的功能设置区
...
点击打开「工具面板」,包含四种工具:
1)素材转链接:支持将本地图片/音乐/视频转化为含有本平台CDN地址的链接,确保文件正常打开。
2)文本样式管理:支持预设多种常用的文本样式,快速应用于作品中的各种文本元素。
3)自定义变量:
4)消息通知管理:可以使用消息通知高效触达用户,实时发送活动关键节点提醒