Grafické komponenty zodpovedajú prvkom, ktoré umožnia používateľovi interakciu so systémom, keď hovoríme o GUI, hovoríme o grafických používateľských rozhraniach, preto sú tieto rozhrania zostavené prostredníctvom grafických prvkov, ako sú tlačidlá, ponuky, ikony, textové polia, štítky atď. GUI okrem iného kombinuje vizuálny dizajn a udalosti spojené s týmto dizajnom, takže ak pridáme tlačidlo, musíme naprogramovať udalosť spojenú s týmto tlačidlom, keď ho používateľ stlačí.
Ako už bolo spomenuté, venujme sa grafickým komponentom, ktoré sa používajú z XML súborov, pozrime si niektoré vlastnosti spomenuté vyššie.
Základné vlastnosti.
Pozrime sa na niektoré základné vlastnosti používané v grafických komponentoch, ktoré možno použiť na akýkoľvek komponent bez ohľadu na jeho typ, pretože ako už bolo spomenuté, všetky komponenty sú zobrazenia, takže zdieľajú rovnaké vlastnosti, niektoré z najpoužívanejších sú:
android: id.
Veľmi dôležitá vlastnosť, pretože umožňuje definovať identifikátor pre ovládací prvok, táto vlastnosť je priradená akémukoľvek pohľadu, napríklad ak je priradená k poľu na zadávanie údajov, potom sa použije na zachytenie informácií o používateľovi, takže musíme použiť rozlišovací názov. je jasné.
Správny spôsob vygenerovania identifikátora je nasledujúci:
android:id="@+id/miTextField"
Symbol @+id/ znamená, že sa generuje nový identifikátor, tým sa vytvorí trieda R. z balíka gen projektu vytvorte odkaz na tento objekt, aby sa s ním neskôr dalo manipulovať pomocou kódu.
V príklade je identifikátor „mojeTextField” pre komponent.
android:layout_width.
Definuje šírku spojenú s pohľadom, je to povinná vlastnosť a jej hodnota môže byť definovaná v absolútnych hodnotách alebo uvedením jednej z nasledujúcich dvoch hodnôt:
-
wrap_content (Zaberá priestor podľa jeho obsahu)
-
match_parent (Zaberá všetko dostupné miesto)
Príklad:
android:layout_width="match_parent"akýkoľvekandroid:layout_width="290dp"
android:layout_height.
Definuje výšku spojenú s pohľadom, je to povinná vlastnosť a jej hodnota môže byť definovaná v absolútnych hodnotách alebo s uvedením jednej z dvoch nasledujúcich hodnôt:
-
wrap_content (Zaberá priestor podľa jeho obsahu)
-
match_parent (Zaberá všetko dostupné miesto)
Príklad:
android:layout_height="zabaliť_obsah"akýkoľvekandroid:layout_height="58dp"
android:layout_margin.
Definuje okraj pre komponent, ktorý umožňuje vytvoriť priestor nad, pod a po jeho stranách, ako varianty v prípade, že chcete dať nezávislé medzery, možno to urobiť pomocou vlastností marginLeft, marginRight, marginTop alebo marginBottom (alebo všetky)
Príklad: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: tip.
Táto vlastnosť umožňuje, aby sa v ovládacom prvku zobrazil text ako pomoc, keď používateľ ešte nezadal informácie. (Uprednostňuje sa pred vlastnosťou text)
Príklad: android:hint="Zadajte meno"
android:inputType.
Určuje, aký typ vstupu bude povolený pre textové pole, umožňuje určitý druh overenia údajov a tiež hovorí operačnému systému, aký typ (virtuálnej) klávesnice má použiť.
Medzi možnosti, ktoré môžeme priradiť k tejto vlastnosti, patria napríklad:
- Text
- číslo
- textúra
- textové heslo
- telefón
- stretnutie
- TextEmailAddress
Existuje mnoho ďalších možností, ktoré možno použiť v závislosti od potreby.
Príklad: android:inputType="číslo" | android:inputType="textEmailAddress"
android:textSize.
Definuje veľkosť textu, ktorý sa má zobraziť na obrazovke, ak sa pre texty používa sp, musia sa brať do úvahy merné jednotky
Príklad: android:textSize="25sp"
android:styletext.
Definuje štýl pre text, pričom dokáže definovať text ako normálny, tučný, kurzívu (alebo oboje).
Príklad: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"
android:textColor.
Definuje farbu textu, pričom je možné pridať farbu zo súboru vlastností „colors“ alebo hexadecimálnu hodnotu
Príklad: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Definuje farbu pozadia pre komponent, farbu môžete získať aj z vlastností „colors“ alebo hexadecimálnej hodnoty
Príklad: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:text.
Definuje textový obsah spojený so zobrazením. Hoci jej hodnotu možno priradiť priamo, dôrazne sa odporúča použiť súbor reťazcov dostupný v priečinku zdrojov.
Príklad: android:text="Bienvenidos" | android:text="@string/title"
Táto vlastnosť je bežná v zobrazeniach, ktoré zobrazujú text v rozhraní zariadenia. Nasledujúca obrazovka zobrazuje zdrojový súbor strings.xml, do ktorého sú pridané rôzne hodnoty pre texty
a neskôr sú tieto hodnoty prístupné z pohľadov
Po vymazaní predchádzajúcich vlastností sa pozrime, aké sú základné grafické komponenty.
Tlačidlo.
Tie zodpovedajú základným tlačidlám, ktoré poznáme, len zobrazuje tlačidlo s interným textom a definovaným okrajom.
Tlačidlo by po stlačení plnilo základnú funkciu čakania na udalosť.
prepínacie tlačidlo
Typ ToggleButton zodpovedá typu tlačidla, ktoré môže byť ponechané v 2 možných stavoch, stlačené alebo nestlačené, na tento účel nie je definovaná iba jediná textová vlastnosť, ale 2 v závislosti od stavu, v ktorom sa práve nachádza, pomocou vlastností android: textOn a android:textOff.
Rovnako ako tradičné tlačidlá, aj ToggleButton možno naprogramovať tak, aby reagovalo na udalosť kliknutia, ale pravdepodobne potrebujete vedieť, v akom stave sa nachádza. Dá sa to urobiť pomocou metódy isChecked(), ktorá vráti hodnotu true v prípade, že je stlačené, a inak false.
dochádzanie
Tento ovládací prvok môže simulovať prepínač veľmi podobný tomu, ako funguje ToggleButton, ale s iným vizuálnym vzhľadom.
Pamätajte, že v závislosti od verzie systému Android, ktorú používame, sa môže zmeniť vizuálny vzhľad našich komponentov, v tomto prípade by ovládač Switch pre Android verzie 5.0 a vyššej vyzeral takto:
ImageButton
Tento typ tlačidla vám umožňuje prepojiť obrázok, ktorý sa má zobraziť používateľovi namiesto textu, ako je to obvyklé, na tento účel môžeme prevziať obrázok z priečinkov /res/drawable a načítať ho pomocou vlastnosti android:src, v tomto prípade použijeme obrázok priamo zo zdrojov Androidu.
TextView
Tieto zodpovedajú základným textovým štítkom, ktoré sa zobrazujú používateľom, v iných jazykoch sú známe ako štítky a umožňujú zobrazenie textu spojeného s vlastnosťou android:text, tieto štítky majú ďalšie vlastnosti, ktoré vám umožňujú manipulovať s ich veľkosťou, pozadím farba, farba a typ písma, štýl atď.
upraviť text
Zobrazenie Android EditText je ekvivalentné s ASP a C# Textbox alebo JAVA JTextField, je to ovládací prvok, ktorý umožňuje zachytiť text napísaný používateľom za behu.
výberové pole
Ovládací prvok začiarkavacieho políčka sa používa na začiarknutie alebo zrušenie začiarknutia možností v aplikácii. Spôsob, ako ho definovať v rozhraní a vlastnosti dostupné na jeho manipuláciu pomocou kódu, sú analogické tým, ktoré sú komentované v ovládacom prvku ToogleButton.
Tento ovládací prvok dedí z ovládacieho prvku TextView, takže všetky možnosti formátovania už uvedené pre tento ovládací prvok sú platné aj pre začiarkavacie políčko.
V kóde aplikácie môžete skontrolovať, či je tento ovládací prvok vybratý alebo nie, pomocou metódy isChecked(), ktorá vracia hodnotu PRAVDA ak ste boli vybraní resp falošný inak môžete tiež použiť metódu setChecked(value) na nastavenie konkrétneho stavu pre ovládací prvok, kde hodnota PRAVDA by bolo pre vybrané a falošný tým, že nie je vybratý.
Udalosť, ktorá je normálne naprogramovaná pre tento ovládací prvok a ktorá sa vykoná vždy, keď sa jej stav zmení (vybraný/nevybratý), je onCheckedChanged.
tlačítko na Rádiu
Rovnako ako ovládací prvok CheckBox, aj RadioButton slúži na zaškrtnutie alebo odškrtnutie danej možnosti, rozdiel je v type výberu, ktorý chcete vykonať. Prepínače sa bežne používajú v skupinách na definovanie množiny možností, z ktorých môžete vybrať iba jednu, t. j. každá možnosť sa navzájom vylučuje, takže pri výbere možnosti sa automaticky zruší začiarknutie tej, ktorá bola predtým vybratá. Tieto skupiny sú definované prvkom RadioGroup, ktorý bude obsahovať všetky prvky RadioButton reprezentujúce možnosti.
RadioGroups môže nastaviť vlastnosť android:orientation na „Vertical“ alebo „Horizontal“ a určiť, ako budú zoradené RadioButtons, ktoré obsahuje.
RadioButton zase okrem šírky a výšky musí definovať vlastnosť android:text na priradenie textu reprezentovanej možnosti a android:id na priradenie kódu k ovládaciemu prvku, aby sa s ním dalo manipulovať z logiky aplikácie.
Na manipuláciu s ovládaním z aplikačnej logiky možno použiť rôzne metódy, medzi ktorými nájdeme check(išiel by som), ktorý sa používa na nastavenie identifikovaného prepínača s identifikátorom, ktorý sa odovzdá ako parameter podľa výberu, metóda clearCheck() sa používa na zrušenie začiarknutia všetkých prepínačov v skupine a metóda getCheckedRadioButtonId() sa používa na získanie ID prepínač, ktorý sa nachádza vo vybranej skupine alebo hodnotu -1, ak nie je vybratá žiadna položka.
Najdôležitejšou udalosťou tohto ovládacieho prvku je tiež onCheckedChanged, ktorá sa spustí pri výbere prvku skupiny (pamätajte, že výber prvku skupiny znamená zrušenie výberu iného prvku).
A je to, toto sú niektoré zo základných grafických komponentov, ktoré budeme využívať počas celého kurzu, v ďalších príspevkoch budeme pokračovať ďalšími komponentmi či layoutmi.
Môže vás to tiež zaujímať.
Je niečo, čo by ste chceli pridať alebo komentovať k tomuto záznamu? pokojne urob….A ak sa vám to páčilo... pozývam vás na zdieľanie Y Prihláste sa na odber kliknutím na tlačidlo „Pripojiť sa k tejto stránke“ a vypočujte si viac podobných príspevkov 😉