¿Cómo hacer eficientemente una barra de pestañas en Sketch?

Entonces Sketch tiene símbolos. Estos son excelentes si cada instancia del símbolo en sus diversas mesas de trabajo es exactamente la misma. Pero, ¿qué sucede si tiene una barra de pestañas y, en diferentes pantallas, desea mostrar una pestaña diferente resaltada/seleccionada? He estado teniendo la barra de pestañas como un elemento individual, no como un símbolo, y cambiando manualmente las pestañas de cada página para mostrar la pestaña correcta seleccionada. Siento que hay una mejor manera de hacer esto, ya que cuando el cliente cambia de opinión sobre un color, tendría que cambiar individualmente cada instancia.

Respuestas (2)

Hay un complemento llamado máquina de estado que resuelve su tarea.
Artículo: https://medium.com/evil-martians/state-machine-3337b8776b49#.ysgrd1b2e
Descarga del complemento: https://github.com/romashamin/statemachine-sketch

No sé si está familiarizado con los complementos de boceto. La caja de herramientas de Sketch es una buena manera de administrar complementos. http://sketchtoolbox.com/

Los símbolos anidados pueden ayudarte aquí.

Haga su barra de pestañas con todas las pestañas en el mismo estado, por ejemplo, por defecto.

Cree un símbolo a partir de él - TabBar/Predeterminado

En la página de símbolos, inserte una instancia del símbolo TabBar/Default (no una copia) para cada pestaña.

Haga un estado activo para la pestaña 1, colóquelo sobre una de estas instancias y cree un nuevo símbolo: TabBar/Tab1_active

Repita para cada pestaña.

Si luego necesita cambiar el color del fondo de la barra de pestañas, ahora solo debe hacerlo en TabBar/Predeterminado.

Ejemplo de símbolos anidados en Sketch

Si es posible, el uso de estilos o símbolos para la pestaña Activo también puede reducir el esfuerzo de los cambios.

¿Cómo hacer eficientemente una barra de pestañas en Sketch?
RespuestasAquíPolítica de privacidad1y, 0v