Osnovne komponente u Androidu.

Grafičke komponente odgovaraju elementima koji će korisniku omogućiti interakciju sa sustavom, kada govorimo o GUI-u mislimo na grafička korisnička sučelja, stoga su ta sučelja izgrađena kroz grafičke elemente kao što su gumbi, izbornici, ikone, tekstualna polja, etikete, itd. tekst između ostalog, GUI kombinira vizualni dizajn i događaje povezane s tim dizajnom, pa ako dodamo gumb, moramo programirati događaj povezan s tim gumbom kada ga korisnik pritisne.

Kao što je spomenuto, usredotočimo se na grafičke komponente koje se koriste iz XML datoteka, pogledajmo neka od gore spomenutih svojstava.

Osnovna svojstva.

Pogledajmo neka osnovna svojstva koja se koriste u grafičkim komponentama, ona se mogu primijeniti na bilo koju komponentu bez obzira na njen tip, jer kao što je spomenuto sve su komponente Pogledi pa dijele ista svojstva, neka od najčešće korištenih su:

android: id.

Vrlo važno svojstvo jer omogućuje definiranje identifikatora za kontrolu, ovo se svojstvo dodjeljuje bilo kojem prikazu, na primjer, ako je dodijeljeno polju za unos podataka, tada će se to koristiti za bilježenje korisničkih informacija, pa moramo koristiti različiti naziv jasno je.

Ispravan način generiranja identifikatora je sljedeći:

android:id="@+id/miTextField"

Simbol @+id/ znači da se generira novi identifikator, to će napraviti klasu R. iz paketa gen projekta, stvorite referencu na ovaj objekt tako da se njime kasnije može manipulirati kodom.

U primjeru, identifikator "myTextField” za komponentu.

android:layout_width.

Definira širinu pridruženu pogledu, to je obavezno svojstvo i njegova se vrijednost može definirati u apsolutnim vrijednostima ili navođenjem jedne od sljedeće dvije vrijednosti:

• omot_sadržaj (Zauzima prostor prema sadržaju)

• match_parent (Zauzima sav raspoloživi prostor)

  Primjer: android:layout_width="match_parent" bilo koji android:layout_width="290dp"

android:layout_height.
Definira visinu pridruženu pogledu, to je obavezno svojstvo i njegova se vrijednost može definirati u apsolutnim vrijednostima ili označavajući jednu od dvije sljedeće vrijednosti:

• omot_sadržaj (Zauzima prostor prema sadržaju)

• match_parent (Zauzima sav raspoloživi prostor)

  Primjer: android:layout_height="wrap_content" bilo koji android:layout_height="58dp"

android:layout_margin.

Definira marginu za komponentu, dopuštajući uspostavljanje prostora iznad, ispod i sa strane, kao varijante u slučaju da želite dati neovisne prostore, to se može učiniti pomoću svojstava marginLeft, marginRight, marginTop ili marginBottom (ili sve)

Primjer: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"

android: savjet.

Ovo svojstvo omogućuje prikaz teksta u kontroli kao pomoć dok korisnik još nije unio podatke. (Poželjno u odnosu na svojstvo teksta)

Primjer: android:hint="Unesite ime"

android:inputType.

Određuje koja će vrsta unosa biti dopuštena za tekstni okvir, to omogućuje neku vrstu provjere valjanosti podataka i također govori operativnom sustavu koju vrstu (virtualne) tipkovnice treba koristiti.

Među opcijama koje možemo povezati s ovom nekretninom su neke kao što su:

• Tekst
• broj
• tekstura
• tekstualna lozinka
• telefon
• sastanak
• TextEmailAddress

Postoje mnoge druge mogućnosti koje se mogu koristiti ovisno o potrebi.

Primjer: android:inputType="broj" | android:inputType="textEmailAddress"

android:veličina teksta.

Definira veličinu teksta koji će biti prikazan na ekranu, moraju se uzeti u obzir mjerne jedinice gdje se sp koristi za tekstove

Primjer: android:textSize="25sp"

android:styletext.

Definira stil za tekst, može definirati tekst kao normalan, podebljan, kurziv (ili oboje).

Primjer: android:textStyle="podebljano" | android:textStyle="kurziv" | android:textStyle="podebljano|kurziv"

android:textColor.

Definira boju za tekst, mogućnost dodavanja boje iz datoteke svojstava "boje" ili heksadecimalne vrijednosti

Primjer: android:textColor="@color/teal_700" | android:textColor="#9C27B0"

android:backgroundTint.

Definira boju pozadine za komponentu, također možete dobiti boju iz svojstava "boje" ili heksadecimalne vrijednosti

Primjer: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"

android:tekst.

Definira tekstualni sadržaj povezan s prikazom. Iako se njegova vrijednost može dodijeliti izravno, toplo se preporučuje korištenje datoteke nizova dostupne u mapi resursa.

Primjer: android:text="Bienvenidos" | android:text="@string/title"

Ovo je svojstvo uobičajeno u pogledima koji prikazuju tekst u sučelju uređaja. Sljedeći zaslon prikazuje datoteku resursa strings.xml u koju se dodaju različite vrijednosti za tekstove

a kasnije se tim vrijednostima pristupa iz pogleda

Nakon brisanja prethodnih svojstava, pogledajmo koje su osnovne grafičke komponente.

Dugme.

Oni odgovaraju osnovnim gumbima koje poznajemo, samo prikazuje gumb s unutarnjim tekstom i definiranom marginom.

Tipka bi ispunila osnovnu funkciju čekanja događaja kada se pritisne.

gumb za prebacivanje

Tip ToggleButton odgovara tipu gumba koji se može držati u 2 moguća stanja, pritisnuto ili nepritisnuto, za ovo nije definirano samo jedno svojstvo teksta, već 2 ovisno o stanju koje ima u trenutku, koristeći svojstva android : textOn i android:textOff.

Kao i tradicionalni gumbi, ToggleButton se može programirati da odgovori na klik, ali vjerojatno samo trebate znati u kojem je stanju. To se može učiniti korištenjem metode isChecked(), koja vraća vrijednost true u slučaju da se pritisne i false u suprotnom.

put do posla

Ova kontrola može simulirati prekidač vrlo sličan načinu rada ToggleButtona, ali s drugačijim vizualnim izgledom.

Imajte na umu da ovisno o verziji Androida koju koristimo, vizualni izgled naših komponenti može se promijeniti, u ovom slučaju bi kontroler Switch za Android verzije 5.0 i novije izgledao ovako:

ImageButton

Ova vrsta gumba omogućuje vam da na njega povežete sliku koja će se prikazati korisniku umjesto teksta kao što je uobičajeno, za to možemo uzeti sliku iz mapa /res/drawable i učitati je pomoću svojstva android:src, u ovom slučaju koristit ćemo sliku izravno iz resursa Androida.

TextView

One odgovaraju osnovnim tekstualnim oznakama koje se prikazuju korisnicima, ove su na drugim jezicima poznate kao oznake i omogućuju prikazivanje teksta povezanog sa svojstvom android:text, ove oznake imaju druga svojstva koja vam omogućuju da manipulirate njihovom veličinom, pozadinom boja, boja i vrsta fonta, stil itd.

uredi tekst

Prikaz Android EditText ekvivalentan je ASP-u i C# Textbox-u ili JAVA JTextField-u, to je kontrola koja omogućuje snimanje teksta koji korisnik upisuje tijekom izvođenja.

okvir za odabir

Kontrola potvrdnog okvira koristi se za označavanje ili uklanjanje opcija u aplikaciji. Način definiranja u sučelju i svojstva dostupna za njegovu manipulaciju pomoću koda analogni su onima komentiranim u kontroli ToogleButton.

Ova kontrola nasljeđuje kontrolu TextView, tako da su sve opcije oblikovanja koje su već spomenute za ovu kontrolu također važeće za potvrdni okvir.

U kodu aplikacije možete provjeriti je li ova kontrola odabrana ili ne putem metode isChecked() koja vraća vrijednost PRAVI ako ste bili odabrani ili lažno inače, također možete koristiti metodu setChecked(value) za postavljanje određenog stanja za kontrolu, gdje vrijednost PRAVI bilo bi za odabrane i lažno nije odabrano.

Događaj koji je inače programiran za ovu kontrolu i koji se izvršava svaki put kada se njezino stanje promijeni (odabrano / nije odabrano) je onCheckedChanged.

Radio gumb

Poput kontrole CheckBox, RadioButton služi za označavanje ili poništavanje date opcije, razlika je u vrsti odabira koji želite napraviti. RadioButtons se obično koriste u grupama za definiranje skupa opcija od kojih možete odabrati samo jednu, tj. svaka opcija je međusobno isključiva, tako da pri odabiru opcije ona koja je prethodno odabrana automatski će biti poništena. Ove grupe definirane su elementom RadioGroup, koji će sadržavati sve elemente RadioButton koji predstavljaju opcije.

RadioGroups može postaviti svojstvo android:orientation na "Vertical" ili "Horizontal" kako bi odredio kako će RadioButtons koje sadrži biti poredani.

RadioButton, zauzvrat, osim širine i visine, mora definirati svojstvo android:text za pridruživanje teksta predstavljene opcije i android:id za pridruživanje koda kontroli tako da se njime može manipulirati iz logike aplikacije.

Za manipuliranje kontrolom iz logike aplikacije mogu se koristiti različite metode među kojima nalazimo check(išao bih) koji se koristi za postavljanje radiobuttona identificiranog s ID-om koji se prosljeđuje kao parametar kao što je odabrano, metoda clearCheck() koristi se za poništavanje odabira svih radiobuttona u grupi, a metoda getCheckedRadioButtonId() koristi se za dobivanje id-a radiobutton koji je unutar odabrane grupe ili vrijednost -1 ako nije odabrana nijedna stavka.

Najvažniji događaj ove kontrole također je onCheckedChanged, koji se pokreće kada se odabere element grupe (zapamtite da odabir elementa grupe označava poništavanje odabira drugog).

I to je to, ovo su neke od osnovnih grafičkih komponenti koje ćemo koristiti tijekom tečaja, u sljedećim postovima nastavljamo s ostalim komponentama odnosno layoutima.

Moglo bi i vas zanimati.

Želite li nešto dodati ili komentirati o ovom unosu? slobodno učini….A ako vam se svidjelo... pozivam vas da podijelite g Pretplatite se klikom na gumb "Pridružite se ovoj stranici" kako biste čuli više postova poput ovog 😉