Avaa prototyyppi
1
Napsauta Preview
Napsauta editorin työkalupalkissa Preview. Prototyypin soitin avautuu koko sivun näkymänä, erillään editorista.
2
Anna Flowstepin linkittää näyttösi
Jos tiedostossasi on kaksi tai useampia näyttöjä, Flowstep linkittää automaattisesti interaktiivisia elementtejä — painikkeita, kortteja, valikon kohteita — niiden kohdenäyttöihin kun avaat esikatselun (näet “Bringing your screens to life” -tekstin samalla kun se toimii). Linkit luodaan uudelleen vain silloin, kun näyttösi ovat muuttuneet edellisen ajon jälkeen.
3
Napsauta läpi kulkuasi
Napsauta mitä tahansa linkitettyä elementtiä — painiketta, korttia, valikon kohdetta — siirtyäksesi sen kohdenäyttöön. Sivupalkissa näkyvät kaikki tiedoston näytöt, joten voit hypätä mihin tahansa suoraan. Back to editor palauttaa sinut tiedostoon.
Automaattinen linkitys vaatii vähintään kaksi näyttöä tiedostossa. Jos linkkien luominen epäonnistuu, käytä soittimessa Retry-painiketta.
Aseta navigointi manuaalisesti
Voit määrittää tarkalleen, mihin elementti navigoi:- Valitse elementti editorissa (esimerkiksi painike).
- Avaa oikeanpuoleisen omaisuuspaneelin Navigation-paneeli.
- Valitse kohdenäyttö avattavasta luettelosta — tai valitse No navigation poistaaksesi linkin.
Interaktiivinen säädöt
Prototyyppi ei ole vain napsautettava navigointi — näyttöjen ohjaimet reagoivat esikatselussa. Käännä kytkin, valitse valintaruutu, valitse radiovalinta, valitse avattavasta luettelosta, vaihda välilehteä, kirjoita kenttään tai lisää laskuria, ja näyttö päivittyy reaaliajassa uuden tilan heijastamiseksi. Tiedoston näytöt jakavat yhden prototyypin tilan esikatselu-istunnon aikana, joten tekemäsi muutos yhdellä näytöllä siirtää kun napsautat toisiin. Voit myös vaihtaa näyttöä vaalea- ja pimeän ulkoasun välillä nähdäksesi miten se reagoi.Interaktiivinen käyttäytyminen luodaan automaattisesti näytöistäsi — ei ole mitään johdotettavaa. Esikatsele tiedostoa kokeillaksesi.