23.02.2026
Navigacija je ključna unutar svakog digitalnog sučelja. Pametne komponente omogućuju nam izradu prilagođenih interaktivnih navigacijskih komponenti koje savršeno funkcioniraju s ostatkom vašeg prototipa. U ovom vodiču obradit ćemo koncepte ugniježđivanja komponenti, dodavanja događaja elementima u komponenti pomoću varijabli događaja i propuštanja tih događaja kroz vaše komponente. Jedna od glavnih prednosti korištenja ugniježđenih komponenti je ta što pruža potpunu kontrolu nad svojim stanjima, kao što su jedinstvena stanja lebdenja elemenata unutar druge komponente.
Framer vam omogućuje stvaranje potpuno interaktivnih i animiranih komponenti, pa čak i ugniježđivanje komponenti unutar drugih komponenti. Izrađujemo komponentu navigacijske trake za web stranicu koja će sadržavati dvije različite vrste ugniježđenih komponenti, s njihovim vlastitim jedinstvenim interakcijama. Naš projekt će sadržavati navigacijsku traku koja sadrži različite ugniježđene komponente, naime pet navigacijskih stavki i jednu komponentu košarice za kupnju. Dizajn naših ugniježđenih komponenti, stavke navigacijskog popisa i košarice za kupnju, utjecat će na način na koji dizajniramo našu navigacijsku traku. Iz tog razloga, optimalan tijek rada uključuje početak s ‘najdubljom’ ugniježđenom komponentom i nadogradnju od tamo.
Nakon što su naše dvije komponente spremne, možemo početi stvarati komponentu u koju ćemo ih ugnijezditi. Nacrtajte navigacijsku traku, odaberite je na platnu i kliknite alat Komponenta u alatnoj traci. Za ugnijezdivanje druge komponente u našu novu komponentu, samo povucite bilo koju drugu komponentu na platno komponente i postavite je unutar dizajnirane navigacijske trake.
Natrag na glavnom platnu, željeli bismo moći dodirnuti ‘Odjeća’ i otvoriti potpuno novi zaslon. Ako bismo komponentu pomoću Prototyping Connectora povezali s novim zaslonom, mogli bismo postaviti interakciju. Međutim, to bi se pokrenulo ako dodirnemo bilo gdje unutar naše komponente. To nije ono što želimo učiniti, jer želimo pokrenuti ovaj prijelaz samo s određenog elementa. Tu dolaze do izražaja varijable događaja, koje su posebne vrste varijabli koje nisu vezane za svojstva (poput neprozirnosti ili ispune), već za događaje.