sketch用户手册二之图层

图层（Layer）

图层是sketch里的基本模块，图形（Shapes), 分组(Groups) 和画板( Artboards) 都是不同类型的图层

添加图层

直接通过工具栏的Insert按钮就能添加各种类型的图层

添加图层

或者直接使用每个图层对应的快捷键也可以添加图层。比如:

A: 添加面板
R: 添加矩形
O: 添加椭圆

选中图层

1. 直接在画布上点击要选择的图层
2. 也可以在The layer List里选中要选择的图层
3. 通过按住Shift(⇧)键，可以依次选中多个图层
4. 通过在画布空白处拖出一个选择框来选中的各个图层
5. 通过在画布空白处拖出一个选择框,并同时按住⎇, 只会选中完全在框里的图层
6. 通过在画布空白处拖出一个选择框,并同时按住⇧, 会将选中的图层添加到当前选中的图层列表里
7. 通过在画布空白处拖出一个选择框,并同时按住⌘, 可以实现反选的效果，即将已经选中的图层移除，没有选中的添加到当前选中的图层列表里
8. 通过Edit > Select > Select All in Artboard选中一个画板里的所有图层

选择重叠的图层

在多个重叠的图层上点击选择的同时，按住⎇键，可以选择当前图层下的第二个图层，也可以右击从Select Layer里选择需要选中的图层。

选择重叠的图层

图层分组

通过给多个图层分组，可以方便的调整一组图层的大小，透明度等

选中要分组的多个图层，通过Arrange > Group或者快捷键⌘ + G对图层进行分组

取消分组可以使用Arrange > Ungroup或者快捷键⌘ + ⇧ + G

当选中一个图层组时，默认是选中整个组，如果要选中组里的单个图层，可以双击图层组，或者按住⌘+要选择的图层即可。

移动图层

选中一个图层后，通过拖拽即可移动图层，拖拽的同时如果按住⇧, 可以显示移动的像素信息。

使用Tidy重新整理多个图层

选中多个图层后，使用检查器(Inspector)顶部的Tidy按钮可以快速重新将多个图层按照网格重新排序

智能排版

通过Tidy按钮的布局之后，选中多个图层, 可以智能调整图层之间的间距或者位置

复制图层

选中图层之后，通过⌘ + D键可以复制选中的图层，也可以在拖拽图层的同时，按下⎇键来复制图层

对齐图层

Ctrl + ⌘ + H 垂直方向分布多个图层
Ctrl + ⌘ + V 水平方向分布多个图层

调整图层大小

选中图层后，通过拖拽图层的边框可以调整图层的大小。

拖拽的同时如果按住⇧键，可以保证拖出来的图形宽和高都相等。用于拖拽正方形或圆形

拖拽的同时如果按住⎇键，可以保证是按照保证图层的中心不变，按照中心缩放，而不是默认的按照某个边进行缩放

通过检查器调整图层大小

可以直接在检查器里通过设置宽和高的值来设置图层的大小。
默认情况下，都是固定图层左边以及上面的边来调整图层大小的。

在检查器输入要调整的宽高的数字同时，也可以跟一些字符来控制要固定的边。如:

• l: 从左边开始缩放(默认)
• r: 从右边开始缩放
• t: 从上面开始缩放（默认）
• b: 从下面开始缩放
• c/m: 从中心开始缩放

比如:

设置宽度时，输入200r, 可以实现固定图层右边不动的情况下，将宽度调整为200
设置高度时，输入200b, 可以实现固定图层下面的边不动的情况下，将图层高度调整为200。

同时，在设置宽和高时，也可以用一些简单的运算, 如:

• + 加法
• - 减法
• * 乘法
• / 除法

也可以直接设置百分数。不过需要注意的是，当设置百分数时，是以图层所在画布的宽和高的百分比来计算的，而不是图层本身之前的宽或高的百分比,

如: 设置宽度为10%, 就是将当前图层的宽度设置为它所在面板宽度的10%,与图层本身之前的宽度没有任何关系。

在设置图层四个角的拐角半径时，如果只输入一个数字，会同时设置4个角的拐角半径。

也可以通过;作为分隔符，依次设置4个角的拐角半径，比如对一个矩形设置为20;40;60;80,出来的效果如下:

拐角半径

精细的调整

如果需要进行比较精细的大小调整，可以在选中图层的同时，使用下面的快捷键

• ⌘ + →: 宽度增加1px
• ⌘ + ←: 宽度减少1px
• ⌘ + ⇧ + →: 宽度增加10px
• ⌘ + ⇧ + ←: 宽度减少10px

缩放图层

当调整图层大小时，之前对于图层的一些设置，比如(strokes, border radii or shadow sizes)这些属性都不会变化，如果需要让这些属性按照调整的比例一起变化时，可以使用Layer > Transform > Scale…或者快捷键⌘ + K

画板调整

选中画板之后，如下图所示:

如果使用Fit按钮，会自动调整画板的大小，让它包含所有的图层内容。

如果候选上Adjust content on resize, 在调整画板大小的同时，
也会调整里面的图层大小。

画板调整

布局约束

选中一个图层之后，可以在检查器的RESIZING里设置它相对于父容器的布局。

RESIZING

• 通过Pin to Edge固定图层的边缘相对于父容器的位置
• 通过Fix Size让图层随着父容器的宽度和高度同步变化
• 在Preview里能预览变化的效果