5.2 布尔操作
优质
小牛编辑
129浏览
2023-12-01
当你需要的形状并不属于标准形状时,你就要自己创建它们。最初的冲动可能是使用Sketch中的矢量工具来绘制一个形状。然而你将会发现,许多复杂的形状可以非常容易地拆分为基础形状的组合。布尔操作正是用来完成这样的工作:组合基础形状来创建更复杂的形状。
子路径
Sketch提供了动态的布尔操作。在深入讨论细节之前,我们可以快速回顾一下矢量形状。Sketch中的大部分形状都是由一系列的点组成,可以称它为一个路径。然而根据需要,一个形状可以包含许多个子路径,形状最终的外观取决于这些子路径的组合方式。
当你在Sketch中使用布尔操作时,它会把最上面的形状作为第二个形状的子路径加入,并且进行特定的布尔运算。因为在Sketch中的布尔操作是动态的,你可以对子路径进行任意调整。例如,如果其中一个子路径是矩形,你可以随时改变它的圆角半径。
布尔运算
这里有四种不同的布尔操作,你可以根据情况进行选择:
- 联合(
Union
):联合操作的结果是两个矢量的面积的总和组成的一个矢量; - 相减(
Subtract
):减去操作的结果是将顶层形状形状覆盖部分从底层形状中移除所得到的一个矢量; - 相交(
Intersect
):相交操作的结果是原始形状互相重叠的区域组成的一个矢量; - 差异(
Difference
):差异操作的结果是它们互不不重叠的区域组成的一个矢量,差异与相交是互补的。
图层列表
如果在你画布,有一个形状是由多个子路径组成,看看它在图层列表中是怎么呈现的。就像普通的组合一样,你将会在左边看到一个展开箭头,如果展开它,将会列出当前形状的一系列子路径。注意在右边,你可以为每一个子路径分别选择各自的布尔操作。某个子路径可以采用相减运算,而其他子路径再在其上增加。
就像图层列表是从下到上排列的,子路径的排序也是如此。你选择的布尔操作将会组合图层和位于它下面的图层。如果图层还有子路径,这些操作的结果会作用到子路径上。