Vázlatkészítő
A vázlat szerkesztési vászna az, ahol megtervezheti és finomíthatja a képernyőket. A bal oldali oldalsávban találhatók az összes rajzolási és kiválasztási eszköz, a közepén a vászon, ahol elhelyezheti és elrendezheti az elemeket, a jobb oldali oldalsávban pedig a kiválasztott elem tulajdonságai.
Eszközök
Kiválasztás
Kattintson a vásznon lévő elemek kiválasztásához és mozgatásához. A kiválasztott elemek tulajdonságai a jobb oldali oldalsávban jelennek meg.
Négyzet
Rajzoljon téglalap alakú tárolóelemeket a vászonra.
Kör
Rajzoljon kör alakú elemeket a vászonra.
Szöveg
Adjon hozzá szövegcímkéket és szöveges blokkokat.
Kép
Helyezzen el kép helyőrző elemeket.
Gomb
Adjon hozzá interaktív gomb elemeket.
Bemenet
Adjon hozzá űrlap bemeneti mezőket.
+ (Új képernyő hozzáadása)
Adjon hozzá egy új képernyőt a vázlat projekthez.
Zárolt elemek
Illessze be a kódot, a szöveget vagy más tartalmat közvetlenül a csoportba, hogy új blokkot hozzon létre.
Történeti mód
A történeti mód lehetővé teszi, hogy minden vázlatát és a képernyők közötti kapcsolatokat egy átfogó nézetben láthassa. Váltakozzon az egyetlen képernyős vászon és a történeti mód között ugyanazzal a gombbal a bal oldali oldalsávban. A történeti módban minden képernyő egy kártyaként jelenik meg, amelyen a elrendezés előnézete látható.
A történeti mód jellemzői
Képernyő áttekintése
Láthatja az összes képernyőt egy pillanat alatt, az elemek számával és a vizuális előnézettel.
Beállítási mód
Jelölje meg, hogy egy képernyő felugró ablakként jelenjen meg, nem pedig teljes oldalként.
Kattintson a szerkesztéshez
Kattintson bármelyik képernyő kártyára, hogy átmenjen a képernyő részletes szerkesztési nézetébe.
Zoom vezérlők
Használja a bal oldalon található zoom vezérlőket a történeti mód nagyításához vagy kicsinyítéséhez.
Áramlási kapcsolatok
Vizualizálja a képernyők közötti kapcsolatokat a vázlatok közötti áramlási műveletek segítségével.
Elem tulajdonságok
Több blokk
Tulajdonságok lap
Pozíció (X, Y)
Állítsa be az elem pontos pixel pozícióját a vásznon.
Méret (Szélesség, Magasság)
Állítsa be az elem méretét pixelekben.
Z-index (réteg sorrend)
Szabályozza, hogy mely elemek jelenjenek meg a többi fölött.
Sark sugár
Állítsa be a sarkok lekerekítését egy numerikus értékkel, vagy használja a Szögletes, Lekerekített vagy Pillangó előre beállított értékeket.
Szöveges tartalom
Szerkessze az elemben megjelenő szöveget.
Színek lap
Testreszabhatja a kiválasztott elem háttér-, szegély- és szövegszíneit.
Áramlások
Az áramlások a műveleteket és a képernyők közötti navigációt határozzák meg. Az áramlás egy olyan művelet, mint például egy másik oldalra való navigálás, egy felugró ablak megnyitása vagy egy másik területre való átirányítás. A kis link ikonok a vásznon jelzik, hogy mely elemekhez vannak áramlások csatolva. A vázlatok automatikusan összekapcsolódnak egymással az AI generálás során, és az áramlási kapcsolatok is létrejönnek.
Az áramlások beállítása
Rajzoljon kör alakú elemeket a vászonra.
Szöveg
Nyisd meg a Folyamatlapot
Helyezzen el kép helyőrző elemeket.
Gomb
Adjon hozzá interaktív gomb elemeket.
Bemenet
Adjon hozzá űrlap bemeneti mezőket.
Blokkok közötti kapcsolatok
A vázlatok exportálhatók, importálhatók vagy közvetlenül használhatók a projektek létrehozásakor vagy a Projektközpontban. Ez megkönnyíti a vázlat tervezésből a működő projektbe való átmenetet anélkül, hogy manuálisan kellene újra létrehozni az elrendezéseket.
AI szerkesztés
Kattintson a + gombra az oldalsáv tetején, hogy megnyissa az Új blokkcsoport létrehozása párbeszédablakot. Adjon nevet a csoportnak, és válassza ki az eszköz típusát, hogy kategorizálja a benne tárolt tartalmat.
Kontextus-alapú prompt
Egyetlen képernyő
Amikor egyetlen képernyőt szerkeszt, a prompt sáv azt mutatja, hogy „A „Képernyő neve” szerkesztése”, és az AI-alapú módosítások csak erre a képernyőre vonatkoznak.
Történeti mód
Amikor a történeti módban van, az AI egyszerre szerkesztheti az összes vázlatot, vagy új vázlatokat készíthet a meglévő vázlatok alapján.
Hangbemenet
Használja a mikrofon ikont a prompt sávban, hogy diktálja az utasításait ahelyett, hogy beírná.
CLI szerkesztés
Kattintson a CLI szerkesztés gombra, hogy egy fejlettebb szerkesztési módba lépjen, ahol több irányítási lehetősége van az AI-alapú módosítások felett.
Exportálás és integráció
Ha kiválaszt egy üres csoportot, megjelenik egy prompt, amelyben arra kéri, hogy hozzon létre egy első blokkot. Több módja is van a tartalom hozzáadásának: