【sketch技巧】如何更精确地绘制环形进度条

一般方法:剪裁

双击圆环,在指定位置添加锚点,选择剪刀工具,剪裁掉一部分,即可得到一个环形的进度条。
【sketch技巧】如何更精确地绘制环形进度条

进阶方法:虚线

利用边框的虚线属性,将间隔数值设置为圆的周长,虚线数值设置为进度比例。

比如,要设置85%的进度环,可先绘制一个圆,半径为187,然后在间隔里填入“187*3.14”,在虚线中填入“187*3.14*0.85”,数值会自动计算出来。

由于这样得到的是环形是从底部锚点开始逆时针旋转的,所以需要上下翻转,即可得到一个更加精确的圆环啦~
【sketch技巧】如何更精确地绘制环形进度条