天天看點

如何使用Sketch繪制半個圓角矩形

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

如何使用Sketch繪制半個圓角矩形

那麼如何實作左右兩端選中時隻有半個圓角矩形被填充的效果呢?問題的關鍵是要制作出半個圓角矩形。

Sketch中繪制半個圓角矩形的步驟如下:

  1. 首先,置入一個矩形或圓角矩形;
  2. 然後,設定屬性——“半徑(圓角)”,神奇的事情要發生了!這裡的數字框是可以填多個值的,分别表示從左上角開始按照順時針方向每個角的半徑值,用分号“;”隔開。比如:填入“8;0;0;8”就得到一個左半邊圓角矩形,是不是很神奇?

Sketch版本:67.2

繼續閱讀