Izrada UI logike

Pretvorite svoj wireframe u interaktivni prototip dodavanjem UI logike koja vašim komponentama omogućuje izvođenje radnji ili reakciju na probne podatke iz back-end sustava kako biste simulirali složena iskustva.

Povezivanje komponenti

Stvorite veze između UI komponenti kako biste im omogućili međusobnu komunikaciju. Na primjer, kako bi se izgled gumba trebao promijeniti pri kliku miša i koju bi radnju UI trebao izvršiti kao odgovor na signal koji se emitira pri kliku miša.

Korištenje aliasa svojstava i stanja

Možete stvoriti veze između UI komponenti povezivanjem njihovih svojstava. Na taj način, kada se vrijednost svojstva promijeni u roditeljskoj komponenti, ona se može automatski promijeniti u svim podređenim komponentama slanjem signala koji označava promjenu vrijednosti.

Da biste referencirali svojstvo komponente iz druge komponente, možete stvoriti aliasi svojstava koji sadrže referencu na drugo svojstvo. Za razliku od uobičajene definicije svojstva, koja dodjeljuje novi, jedinstveni prostor za pohranu za svojstvo, alias svojstva povezuje novo deklarirano svojstvo (nazvano aliasirano svojstvo) kao izravnu referencu na postojeće svojstvo ( aliasirano svojstvo). Svaki sadržaj koji se temelji na podacima trebao bi se izvesti kao javna svojina relevantne komponente. Na primjer, brzinomjer bi trebao imati svojinu za brzinu na koju je korisnički sučelje vezano.

Možete deklarirati različita stanja korisničkog sučelja koja opisuju kako se vrijednosti svojstava mijenjaju iz osnovnog stanja. Stanja mogu biti koristan način organiziranja logike vašeg korisničkog sučelja. Možete povezati prijelaze s komponentama kako biste definirali kako će se njihova svojstva animirati kada se promijene zbog promjene stanja.

Korištenje aliasa svojstava i stanja za stvaranje razlika u instancama vaših komponenti omogućuje vam ponovnu upotrebu komponenti umjesto njihovog dupliciranja. Tako se komponente ne moraju obrađivati kao potpuno nove vrste komponenti. To smanjuje vrijeme učitavanja i kompilacije, kao i veličinu paketa konačne aplikacije.

Prilagodba UI kontrola

Unaprijed postavljene kontrole korisničkog sučelja imaju zadane svojstva i stanja koja možete mijenjati. Ako su vam potrebna dodatna svojstva, instance kontrola možete pretvoriti u prilagođene komponente i za njih navesti nova svojstva.

Pisanje izraza

Da biste omogućili da vaše korisničko sučelje izvršava određene operacije, možda ćete morati napisati JavaScript izraze za uvjete ili pretvoriti brojeve u nizove. Na primjer, možete povezati vrijednosti svojstava koristeći logičke operatore I, NE i ILI, kao i mapirati brojeve i numeričke raspone. Osim toga, možete dvosmjerno sinkronizirati vrijednosti svojstava dviju komponenti.

Tipični slučajevi upotrebe

Sljedeća tablica sažima neke tipične slučajeve upotrebe s poveznicama na više informacija.