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

一般方法:剪裁

双击圆环,在指定位置添加锚点,选择剪刀工具,剪裁掉一部分,即可得到一个环形的进度条。
图片: https://uploader.shimo.im/f/hMTP1NSWkAo280qh.png

进阶方法:虚线

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

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

由于这样得到的是环形是从底部锚点开始逆时针旋转的,所以需要上下翻转,即可得到一个更加精确的圆环啦~
在这里插入图片描述

发布了1 篇原创文章 · 获赞 1 · 访问量 55

猜你喜欢

转载自blog.csdn.net/ymyz1229/article/details/104550949