编辑组件

添加组件

在编辑区右侧的状态栏,素材板块内有「基础组件」和「官方素材库」,您可以点击打开对应的素材面板,添加您需要的组件。

001610b8e2390d416e4e4cc92062cf5

显示/隐藏组件

选中组件,可以在编辑区右侧的外观设置面板中点击「小眼睛」图标设置显示或隐藏组件。 

注:隐藏组件后需要在左侧元素栏选中元素后才可以显示组件。

001610b8e68ae280ceb8cc7225b178a

您也可以使用快捷方式操作:   

显示与隐藏组件快捷键 - Ctrl+Shift+H(hide)。 

组合/打散组件

多选组件后,可以在编辑区的顶部工具栏中对它们进行打散和组合。

001610b8e85440b6b4d37104bef3419

您也可以使用快捷方式操作:  

组合 Mac:Cmd+G(group) Windows:Ctrl+G(group) 

取消组合 Mac:Command+Shift+G(Group) Windows:Ctrl+Shift+G(Group) 

锁定/解锁组件

选中组件后,可以在页面编辑区顶部工具栏或者右侧的外观设置面板中点击「小锁」图标来锁定或解锁组件。 

001610b8ea5e97b7a9592721fbc15be

快捷键

快速复制组件的快捷操作:Alt/Option+鼠标拖拽

全选当前页面所有组件的快捷键: 

Windows:Ctrl+A(all) 

Mac:Command+A(all)

多选组件的快捷操作有两种: 

1、S(Select)+鼠标拖动 框选 

2、Shift+鼠标点选 

重命名组件

选中组件后,可以在右侧的外观设置面板中双击组件名称修改组件命名。

001610b8ec10319c23e86e8d1fdc5f9

修改组件颜色

选中组件后,可以在页面编辑区右侧的外观设置面板中修改组件颜色。

001610b8eda492add3e4363bea9fde7

等比例缩放组件

选中组件或组合后,按住shift拖动四角端点即可等比例缩放。  

注:目前文字组件不支持等比例缩放,需要单独修改。

选中被盖住的组件

如果组件被盖住了,可以在要选择的组件位置点击鼠标右键,然后在弹出的面板中点击「此处的组件」,选择组件。

同时,您可以在编辑区左侧的元素列表中直接选中组件。

001610b8efae3f59b74dba9fa3198e3

我的组件

我的组件是什么?

我的组件是您手动创建的组件素材库,添加到此区域的组件将会默认添加进个人帐号中,只需登录即可随时使用这些素材。

我的组件中包含静态组件以及动态组件。动态组件即包含状态动画的组件,可用来制作下拉菜单等动态组件。

创建我的组件有三种方式

1、点击新建创建「我的组件」

2、拖入元素到此区域创建

3、选中元素后右键创建

让组件动起来

001610b8f1bbea47d2e956c6885da2d

「编辑」组件,添加状态,即可为组件添加动画,转为动态。

管理我的组件

点击「我的」,在「自定义」版块内可以管理保存的组件。

001610b8f3551e0132a62cb2d40158b