Sketch小技巧—浅谈描边法绘制饼图(一)

Sketch Mac是一款拥有优美界面和强大工具兼有的专业绘图工具。Sketch Mac拥有很棒的矢量工具以及基本的形状。此次小编带大家来学习下用描边简单的绘制饼图的方法。

1、Sketch描边介绍

除文本图层外，Sketch的所有图层都可以包含任意数量的边框（即描边），而且支持设置描边的颜色、位置、厚度和混合模式。

另外，点击边框右边的设置按钮，可以看到更多的自定义设置选项，包括边框路径的起点和终点、箭头的形式以及虚线设置。

这里的虚线设置有4个可输入数字的，用于配置虚线的文本框，这里怎么理解呢？举个例子，如果是水平的一条直线，在文本框中分别输入5-4-3-2，则该水平线将绘制5px的点距，4px的间隙，然后是3px的点距，2px的间隙，然后重复。

2、巧用描边绘制饼图

理解描边的属性和大致配置后，我们就可以利用描边的特点绘制饼图了，首先使用椭圆工具(快捷键O)拉出一个圆形，取消填充，并设置描边位置为“内部”。

然后，我们可以设置边框的宽度，宽度值越大，边框就越大，我们可以发现随着宽度值的增加，圆形逐渐变成了圆环图，最后变成了实心圆。

在实际使用中，饼图通常由几个部分组成，或者用不完全闭合的环形表示占比，这意味着我们需要开放路径的饼图，这时，我们可以使用边框的虚线设置来绘制不完全闭合的环形。在下图虚线中输入数字即可调节圆环的比例。