借助“选择工具”,您可以选择、移动和转换元素。
选择元素
您可以使用工具栏中的“选择工具” 在场景中选择元素。
您还可以从特定面板中选择元素:
如需选择一个元素,请执行以下操作:
- 点击您要选择的元素。
要选择多个元素,请执行以下操作:
- 通过拖动鼠标指针,在场景上绘制一个将您要选择的元素包含在内的选取框。
要向当前所选范围添加其他元素,请执行以下操作:
- 通过按住 Shift 键并点击各个相关元素,将它们纳入所选范围。
- 您也可通过按住 Shift 键并拖动鼠标指针,在场景上绘制一个将您要选择的其他元素包含在内的选取框。
如需取消选择元素,请执行以下操作:
- 通过按住 Shift 键并点击各个相关元素,将其从所选范围中移除。
- 您也可通过按住 Shift 键并拖动鼠标指针,在场景上绘制一个将您要取消选择的元素包含在内的选取框。
移动元素
要在场景上移动一个或多个元素,请执行以下操作:
- 选择要移动的一个或多个元素。
- 将所选的一个或多个元素拖动到新位置。
- 按住 Shift 键并拖动,可实现仅水平移动或仅垂直移动。
要在场景上微移一个或多个元素,请执行以下操作:
- 选择要微移的一个或多个元素。
- 按箭头键。每按一下箭头键,您的所选对象就会朝着该键所指的方向微移 1 像素的距离。
- 在按住 Shift 键的同时按一下箭头键,可将您的所选对象移动 10 像素的距离。
调整元素大小
如果您选中了工具选项面板中的转换控件复选框,则可以通过“选择工具”调整所选元素的大小。
如需调整所选对象的大小,请执行以下操作:
- 点击工具栏中的选择 工具。
- 确保选中工具选项面板中的转换控件复选框。
- 选择一个或多个对象。所选元素周围会显示蓝色框。
- 拖动选择框各边和各角上的某一个控制点。
- 按住 Shift 键的同时进行拖动,可使所选对象保持原始宽高比。
旋转元素
如果您选中了工具选项面板中的转换控件复选框,则可以通过“选择工具”旋转所选元素。
如需旋转所选对象,请执行以下操作:
- 点击工具栏中的选择 工具。
- 确保选中工具选项面板中的转换控件复选框。
- 选择一个或多个对象。旋转控件(两个嵌套环)会显示在所选范围的中心位置。
- (可选)通过拖动旋转控件的内环,移动旋转的轴心点。
- 通过拖动旋转控件的外环,旋转所选对象。
- 按住 Shift 键并拖动,可将旋转角度增量限制为 45°。
- 按住 Shift 键并拖动,可将旋转角度增量限制为 45°。
相对于其他元素定位元素
您可以使用工具选项栏中的控件来设置多个元素在场景上的对齐和分散对齐方式。
图标 | 控件 | 说明 |
---|---|---|
对齐:上对齐 | 使所选范围内的元素与最上方的元素对齐。 | |
对齐:垂直居中 | 使所选范围内元素的垂直中心与所选范围的垂直中心对齐。 | |
对齐:下对齐 | 使所选范围内的元素与最下方的元素对齐。 | |
对齐:左对齐 | 使所选范围内的元素与最左侧的元素对齐。 | |
对齐:水平居中 | 使所选范围内元素的水平中心与所选范围的水平中心对齐。 | |
对齐:右对齐 | 使所选范围内的元素与最右侧的元素对齐。 | |
分散对齐:靠上 | 使所选范围内的元素以上边缘为准在矩形选择框内等间距分散开来。 | |
分散对齐:垂直居中 | 使所选范围内的元素以垂直中心为准在矩形选择框内等间距分散开来。 | |
分散对齐:靠下 | 使所选范围内的元素以下边缘为准在矩形选择框内等间距分散开来。 | |
分散对齐:靠左 | 使所选范围内的元素以左边缘为准在矩形选择框内等间距分散开来。 | |
分布:水平居中 | 使所选范围内的元素以水平中心为准在矩形选择框内等间距分散开来。 | |
分散对齐:靠右 | 使所选范围内的元素以右边缘为准在矩形选择框内等间距分散开来。 | |
间隔:垂直 | 移动所选范围内的元素,使它们之间的垂直间距均等。如果所选元素的垂直尺寸总和大于矩形选择框的垂直尺寸,则会使用负间距。 | |
间隔:水平 | 移动所选范围内的元素,使它们之间的水平间距均等。如果所选元素的水平尺寸总和大于选择框的水平尺寸,则会使用负间距。 |
与容器对齐
当与容器对齐复选框处于选中状态时,对齐、分散对齐和间距控件将会相对于所含元素(而非矩形选择框)来定位元素。例如,所选元素将会与容器的边缘或中心对齐、在容器中均匀地分散对齐以及在容器中保持均匀的间距。
如果所选元素未嵌套,场景将会充当容器。
重新排列层
Google Web Designer 中的每个元素的行为类似于排列在堆栈中的层。更靠近堆栈顶部的元素叠放在下方的元素之上。如需更改每个元素所在的层,请先使用“选择工具”选择相应的元素,然后使用以下层按钮:
图标 | 层重新排列 | 说明 |
---|---|---|
前移一层 | 将所选元素前移一个位置(使位于其下的元素增加一个)。 | |
后移一层 | 将所选元素后移一个位置(使位于其上的元素增加一个)。 | |
移至最前端 | 将所选元素移至顶层(在所有其他元素之上)。 | |
移至最后端 | 将所选元素移至底层(在所有其他元素之下)。 |
您还可以使用“高级”模式下的时间轴重新排列层。