Bounding boxok
Áttekintés
A bounding boxok a fordított tervezés alapvető interakciós modelljei. A kép feltöltése után rajzoljon téglalap alakú boxokat az egyes UI elemek köré, hogy azokat elkülönítse. Minden bounding box egy kiválasztható terület lesz, amelyhez viselkedést lehet rendelni, és amelyet kódba lehet konvertálni, vagy vázlat összetevőként exportálni.
Képernyőfolyam és csoportok
Ha egy fájl már kiválasztva van, illessze be a tartalmat, hogy több blokkot hozzon létre – egyetlen blokkbejegyzés, amely több fájlt tartalmaz.
Kézi bounding box
+ (Új képernyő hozzáadása)
Adjon hozzá egy új képernyőt a vázlat projektjéhez.
A vázlatkészítő
Eszközök
Zárolt elemek
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.
Rendeld hozzá a viselkedést
Rajzoljon téglalap alakú tárolóelemeket a vászonra.
AI automatikus bekeretezés
Ahelyett, hogy minden boxot kézzel rajzolna, használja az AI automatikus bounding boxokat, hogy a Kaiju Hub AI automatikusan felismerje és körbeírja az UI elemeket a képen. Az AI elemzi a vizuális elrendezést, és bounding boxokat hoz létre a felismert összetevők köré, mint például a fejléc, a gombok, a kártyák, a bemenetek és a navigációs elemek.
Egy kattintással történő felismerés
Kattintson az automatikus box gombra, és az AI átvizsgálja a teljes képet, és bounding boxokat hoz létre minden felismert UI elem körül.
Szerkesztés a felismerés után
Az automatikusan felismert boxok teljesen szerkeszthetők. Helyezze át, méretezze, törölje vagy adjon hozzá új boxokat, hogy finomítsa az eredményeket.
Szelektív újrafelismerés
Futtassa az automatikus felismerést a kép egy adott területén, ha csak az elrendezés egy részéhez szeretne boxokat.
Viselkedés meghatározása
A bounding boxok ereje abban rejlik, hogy meghatározzák, hogy az egyes elemek mit csináljanak. Miután bounding boxot rendelt egy elemhez, hozzárendelhet neki interaktív viselkedést, amely a generált kód vagy a vázlatban tükröződik:
Megnyitja a felugró ablakot
Ha rákattint az elemre, megnyílik egy felugró ablak/párbeszédablak. Adja meg, hogy a felugró ablakban milyen tartalmat kell megjeleníteni.
Navigál a szakaszba
Az elem egy linkként vagy gombként működik, amely egy másik oldalra vagy az alkalmazás egy másik szakaszára navigál.
Tartalom váltása
Az elem megjelenít vagy elrejti a kapcsolódó tartalmat – legördülő menük, összecsukható panelek.
Űrlap beküldése
Az elem elindítja az űrlap érvényesítési és beküldési logikáját.
Egyéni művelet
Adjon meg egy egyéni viselkedési leírást, és az AI létrehozza a megfelelő eseménykezelőket és logikát.