Pošto smo do sada (nadam se) ponešto čitali i naučili, vrijeme je za novi nastavak tutorijala. Ovdje ću pokušati objasniti ID element,odnosno identitet.
A što je ID i kog vraga on uopće radi? Recimo ovako …
ID je element unutar programskog koda koji označava neku komponentu (tekst,sliku,gumb) i razlikuje se za svaku komponentu.
U jednostavnim aplikacijama,kao što je „Hello world“ i sličnima nema potrebe koristiti ID, odnosno unutar aplikacije se ne izvodi ništa i kod programa nema potrebe razlikovati pojedine elemente, jer ne mijenja njihovo trenutno stanje.
Što to znači u praksi?
Pretpostavimo da nećete raditi ultra jednostavne programe i da imate potrebu koristiti ID. No kao i uvijek počinjemo sa jednostavnim primjerom. Našu „Hello world“ aplikaciju pretvoriti ćemo u demonstracijski primjerak za ovaj tutorijal.
Uz postojeći „label“ dodati ćemo jedno polje za unos teksta, jedan gumb i još jedan „label“.
Sada je vrijeme da razjasnimo situaciju. Možda je bolje da najprije pogledate video,a zatim se vratite na ovaj tekst,ili želite pročitati ovo do kraja, pa naknadno pogledati video – vaša stvar.
Polju za unos teksta (TextInput) dodati ćemo ID „tekst_ulaz“,a labelu koji će prikazivati taj tekst dodati ćemo ID „prikaz_teksta“. Vi ih slobodno nazovite kako vas volja, ja ću ovako.
Zašto je ID bitan?
Bitan je iz tog razloga što naš gumb „Klikni me“ ne zna odakle kopirati tekst dok mu to ne kažemo. Isto tako ne zna što sa tim tekstom napraviti.
Kod programa kaže ovako:
Da bi program znao koji tekst treba kopirat moramo mu to „reći“,a to radimo navodeći ID elementa čiji sadržaj kopiramo. Najprije upišemo neki tekst u polje za unos teksta (to je taj „tekst_ulaz“).
Klikom na gumb program će kopirati tekst i prikazati ga na „prikaz_teksta“.
Dio koda: click="prikaz_teksta.text=tekst_ulaz.text" radi upravo ovo što je gore opisano.
Nakon klika na gumb, program mora na labelu „prikaz_teksta“ prikazati jednaki tekst koji se nalazi napisan u polju za unos teksta „tekst_ulaz“.
I to je to, kasnije ćete vidjeti da je ID zaista JAKO BITAN kod programiranja i zaista je preporučljivo svakom elementu dodati ID. Steknite tu naviku i programerski život bit će vam puno lakši.
Kod cijelog programa nalazi se ispod:
Code:
Do slijedećeg nastavka, srdačan pozdrav!
Odgovori uz citat
Bookmarks