Skip to main content
Flowstep pot convertir les pantalles d’un fitxer en un prototip interactiu. Fes clic a Preview a la barra d’eines de l’editor i Flowstep obri un reproductor de prototips a pantalla completa on pots fer clic per navegar pel teu flux — útil per provar un viatge de l’usuari o presentar-lo als interessats.

​
Obrir un prototip

1

Fes clic a Preview

A la barra d’eines de l’editor, fes clic a Preview. El reproductor de prototips s’obri com a una vista a pantalla completa, separada de l’editor.
2

Deixa que Flowstep enllaça les teves pantalles

Si el teu fitxer té dues o més pantalles, Flowstep enllaça automàticament els elements interactius — botons, targetes, elements de menú — a les seves pantalles de destí quan obris la previsualització (veuràs “Bringing your screens to life” mentre funciona). Els enllaços es regeneren només quan les teves pantalles han canviat des de la darrera execució.
3

Fes clic per navegar pel teu flux

Fes clic en qualsevol element enllaçat — un botó, una targeta, un element de menú — per navegar a la pantalla de destí. La barra lateral enumera totes les pantalles del fitxer perquè puguis saltar a qualsevol d’elles directament, i Back to editor et retorna al fitxer.
L’enllaç automàtic necessita almenys dues pantalles al fitxer. Si la generació d’enllaços falla, utilitza el botó Retry al reproductor.

​
Definir la navegació manualment

Pots controlar exactament on navega un element:
  1. A l’editor, selecciona l’element (per exemple, un botó).
  2. Obri el panell Navigation al panell de propietats de la dreta.
  3. Tria una pantalla de destí de la llista desplegable — o selecciona No navigation per eliminar l’enllaç.
Per impedir que l’enllaç automàtic de Flowstep sobreescrigui un enllaç que has establert tu mateix, fes clic a Lock link al panell Navigation. Els enllaços bloquejats es deixaran intactes quan els enllaços es regenerin.

​
Controls interactius

Un prototip no és només navegació cliqueable — els controls a les teves pantalles responen mentre previsualizas. Commuta un interruptor, marca una casella de verificació, trieu una opció de botó de ràdio, trieu d’una llista desplegable, canvia entre pestanyes, escriu en un camp, o incrementa un comptador, i la pantalla s’actualitza en viu per reflectir el nou estat. Les pantalles d’un fitxer comparteixen un estat de prototip durant una sessió de previsualització, de manera que un canvi que facis en una pantalla es manté quan feu clic a altres. Também pots canviar una pantalla entre aparença clara i fosca per veure com respon.
El comportament interactiu es genera automàticament a partir de les teves pantalles — no hi ha res a cablegiar. Previsualitza un fitxer per provar-ho.