как эффективно сделать панель вкладок в Sketch?

Итак, в Sketch есть символы. Это здорово, если каждый экземпляр символа на разных ваших артбордах точно такой же. Но что, если, скажем, у вас есть панель вкладок, и на разных экранах вы хотите отобразить выделенную/выбранную другую вкладку? У меня просто была панель вкладок как отдельный элемент, а не символ, и я вручную меняла вкладки для каждой страницы, чтобы отображалась правильная выбранная вкладка. Я чувствую, что есть лучший способ сделать это, поскольку, когда клиент меняет свое мнение о цвете, мне придется индивидуально менять каждый экземпляр.

Ответы (2)

Есть плагин под названием конечный автомат, который решает вашу задачу.
Статья: https://medium.com/evil-martians/state-machine-3337b8776b49#.ysgrd1b2e
Загрузка плагина: https://github.com/romashamin/statemachine-sketch

Я не знаю, знакомы ли вы с плагинами для эскизов. Панель инструментов Sketch — хороший способ управления плагинами. http://sketchtoolbox.com/

Здесь вам могут помочь вложенные символы.

Сделайте панель вкладок со всеми вкладками в одном и том же состоянии, например, по умолчанию.

Создайте из него символ - TabBar/Default

На странице символов вставьте экземпляр символа TabBar/Default (не копию) для каждой вкладки.

Сделайте активное состояние для вкладки 1, расположите над одним из этих экземпляров и создайте новый символ — TabBar/Tab1_active

Повторите для каждой вкладки.

Если позже вам понадобится изменить цвет фона панели вкладок, теперь это нужно сделать только в TabBar/Default.

Пример вложенных символов в Sketch

Если возможно, использование стилей или символов для вкладки «Активные» также может уменьшить усилия по внесению изменений.

как эффективно сделать панель вкладок в Sketch?
СпросиСетьПолитика конфиденциальности1y, 0v