天天看点

如何使用Sketch绘制半个圆角矩形

想要制作MacOS中Finder切换目录展示模式的效果:

如何使用Sketch绘制半个圆角矩形

那么如何实现左右两端选中时只有半个圆角矩形被填充的效果呢?问题的关键是要制作出半个圆角矩形。

Sketch中绘制半个圆角矩形的步骤如下:

  1. 首先,置入一个矩形或圆角矩形;
  2. 然后,设置属性——“半径(圆角)”,神奇的事情要发生了!这里的数字框是可以填多个值的,分别表示从左上角开始按照顺时针方向每个角的半径值,用分号“;”隔开。比如:填入“8;0;0;8”就得到一个左半边圆角矩形,是不是很神奇?

Sketch版本:67.2

继续阅读