Малюємо ідеальну пунктирну лінію в sketch

Це керівництво не працює після оновлення Sketch на версію 3.4.

Дивіться новий спосіб створення пунктирною лінії:

Я люблю Sketch. Він швидко став моїм улюбленцем серед інструментів для UI-дизайну, але і він не ідеальний. Наприклад, мені потрібно було створити пунктирну лінію, і це виявилося куди гірше, ніж повинно бути. Але після невеликих експериментів з настройками я знайшов спосіб створення ідеального пунктиру.

Малюємо ідеальну пунктирну лінію в sketch

  1. Намалюйте лінію.
  2. Задайте їй кордон, товщина може бути будь-яка.
  3. Відкрийте настройки кордону під іконкою шестерінки.
  4. А тепер починається найцікавіше. Щоб створити ідеальну точкову лінію, вкажіть значення штриха 0.01 і виділіть закруглені краї. Задайте значення проміжку між штрихами більше, ніж товщина кордонів.
  5. Вуаля. Ось і ідеальна точкова лінія.

Ви можете поекспериментувати зі значенням інтервалу, щоб вийшов правильний інтервал між точками. Наприклад, якщо у мене товщина кордонів 5 пікселів, при 10-піксельної інтервалі відстань між точками буде 5 пікселів.

Важливий момент - пунктир завжди повинен бути заданий 0.01 із закругленими кінцями. Якщо ви відкриєте діалог налаштувань, то пунктир буде поставлено 0. Потрібно поставити значення 0.01, якщо будете міняти інші параметри.

У новій версії Sketch задати значення 0.01 немає можливості. Працює тільки в старих версіях!