编辑组件

添加组件

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

001610b8e2390d416e4e4cc92062cf5

显示/隐藏组件

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

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

001619b52f5afb2eb63f8ea37fb35d7

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

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

组合/打散组件

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

001610b8e85440b6b4d37104bef3419

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

组合 

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

取消组合 

Mac:Command+Shift+G(Group) Windows:Ctrl+Shift+G(Group)  

锁定/解锁组件

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

0016194ccb53fe3d6619a6ed85501d6

使用智能间距整理组件

使用智能间距整理组件,可以快速整理两个及以上的元素之间的排列。还能一键调整间距。

智能排列中的元素不需要相同的大小,如果元素之间的间距不相同,可以先使用整理功能重新排列元素的统一间距。

  • 整理功能

目前整理功能的逻辑是根据最左侧元素与下一个元素的间距为准,调整其他元素之间的间距。

选中元素后,将鼠标hover到选区上将会出现一个整理图标。

1.整理水平间距

00161b9618fc83fe9687db0bce58f44

2.整理垂直间距

00161b962bea14cf475c16057da4a30

3.整理水平&垂直间距

00161b961fc64f0e22a2d60cd5f972d

  • 调整元素之间的间距

将元素整理好后,可以拖拽每个元素之间垂直或水平间距来进行调整。方法很简单,

1.将鼠标悬停在元素之间的线条上,

2.然后光标所在位置会出现一个方向箭头(上下方向调整垂直间距,左右方向调整水平间距),单击并拖动鼠标即可调整间距。

  • 向上减少元素间的垂直间距,向下则增加元素间的垂直间距;

  • 向左减少元素间的水平间距,向右则减少元素间的水平间距。

使用属性复制编辑组件

属性复制功能可以理解为格式刷,可以快速复制某一元素的属性粘贴到另一元素中。比如我们想要把画布内矩形的属性直接复制到圆形内,可以通过快捷键Ctrl+C(Mac:command+C)复制后,再Ctrl+alt+V(Mac:command+option+V)粘贴属性即可。

或者可以选中元素后右键选择复制属性,在另一元素中右键选择粘贴属性。

00161bbea6a84a95736c7e33d092c9a

快捷键

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

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

Windows:Ctrl+A(all) 

Mac:Command+A(all)

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

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

2、Shift+鼠标点选  

重命名组件

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

001610b8ec10319c23e86e8d1fdc5f9

修改组件颜色

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

001610b8eda492add3e4363bea9fde7

等比例缩放组件

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

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

选中被盖住的组件

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

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

001617b6640788f2848680ca1c7eabc