如何在 Sketch 中高效地制作标签栏?

平面设计 界面设计 素描应用 符号
2022-02-10 14:26:42

所以 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 中的嵌套符号示例

如果可能,为活动选项卡使用样式或符号也可以减少更改工作量。