Grafične komponente ustrezajo elementom, ki bodo uporabniku omogočili interakcijo s sistemom, ko govorimo o GUI, mislimo na grafične uporabniške vmesnike, zato so ti vmesniki zgrajeni preko grafičnih elementov, kot so gumbi, meniji, ikone, besedilna polja, oznake itd. med drugim besedilo, GUI združuje vizualno zasnovo in dogodke, povezane s to zasnovo, tako da, če dodamo gumb, moramo programirati dogodek, povezan s tem gumbom, ko ga uporabnik pritisne.
Kot smo že omenili, se bomo osredotočili na grafične komponente, ki se uporabljajo iz datotek XML, poglejmo nekaj zgoraj omenjenih lastnosti.
Osnovne lastnosti.
Oglejmo si nekaj osnovnih lastnosti, ki se uporabljajo v grafičnih komponentah. Te je mogoče uporabiti za katero koli komponento, ne glede na njeno vrsto, kot smo že omenili, so vse komponente pogledi, tako da imajo enake lastnosti, nekatere izmed najbolj uporabljenih so:
android: id.
Zelo pomembna lastnost, ker vam omogoča, da definirate identifikator za kontrolnik, ta lastnost je dodeljena kateremu koli pogledu, na primer, če je dodeljena polju za vnos podatkov, bo to uporabljeno za zajemanje informacij o uporabniku, zato moramo uporabiti razlikovanje imena je jasno.
Pravilen način za ustvarjanje identifikatorja je naslednji:
android:id="@+id/miCampoDeTexto"
Simbol @+id/ pomeni, da se ustvarja nov identifikator, bo to povzročilo razred A. iz paketa gen projekta ustvarite sklic na ta objekt, tako da ga lahko pozneje manipulirate s kodo.
V primeru je identifikator "myTextField" za komponento.
android:širina_postavitve.
Določa širino, povezano s pogledom, je obvezna lastnost in njeno vrednost je mogoče definirati v absolutnih vrednostih ali z navedbo ene od naslednjih dveh vrednosti:
-
wrap_content (Zavzema prostor glede na vsebino)
-
match_parent (Zasede ves razpoložljivi prostor)
primer:
android:layout_width="match_parent"kajandroid:layout_width="290dp"
android:layout_height.
Določa višino, povezano s pogledom, je obvezna lastnost in njeno vrednost je mogoče definirati v absolutnih vrednostih ali z navedbo ene od naslednjih dveh vrednosti:
-
wrap_content (Zavzema prostor glede na vsebino)
-
match_parent (Zasede ves razpoložljivi prostor)
primer:
android:layout_height="wrap_content"kajandroid:layout_height="58dp"
android:layout_margin.
Določa rob za komponento, kar vam omogoča, da vzpostavite prostor nad, pod in ob njenih straneh, kot različice, če želite zagotoviti neodvisne prostore, to lahko storite z lastnostmi marginLeft, marginRight, marginTop ali marginBottom (ali vse).
primer: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: nasvet.
Ta lastnost omogoča prikaz besedila v kontrolniku kot pomoč, medtem ko uporabnik še ni vnesel informacij. (Raje kot lastnost besedila)
primer: android:hint="Vnesite ime"
android:inputType.
Določa vrsto vnosa, ki bo dovoljen za besedilno polje, to omogoča določeno vrsto preverjanja podatkov in tudi pove operacijskemu sistemu, katero vrsto (navidezne) tipkovnice naj uporabi.
Med možnostmi, ki jih lahko povežemo s to nepremičnino, so nekatere, kot so:
- Besedilo
- število
- tekstura
- Besedilno geslo
- telefon
- srečanje
- TextEmailAddress
Obstaja veliko drugih možnosti, ki jih je mogoče uporabiti glede na potrebe.
primer: android:inputType="številka" | android:inputType="textEmailAddress"
android: velikost besedila.
Določa velikost besedila, ki bo prikazano na zaslonu, pri čemer se za besedila uporablja sp, je treba upoštevati merske enote
primer: android:textSize="25sp"
android:styletext.
Določi slog za besedilo, tako da lahko besedilo definira kot običajno, krepko, poševno (ali oboje).
primer: android:textStyle="krepko" | android:textStyle="ležeče" | android:textStyle="krepko|ležeče"
android:textColor.
Določa barvo za besedilo, lahko doda barvo iz datoteke z lastnostmi »barve« ali šestnajstiško vrednost
primer: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Določa barvo ozadja za komponento, barvo lahko dobite tudi iz lastnosti »barve« ali šestnajstiške vrednosti
primer: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:besedilo.
Določa besedilno vsebino, povezano s pogledom. Čeprav je njegovo vrednost mogoče dodeliti neposredno, je zelo priporočljivo uporabiti datoteko nizov, ki je na voljo v mapi z viri.
primer: android:text="Bienvenidos" | android:text="@string/title"
Ta lastnost je pogosta v pogledih, ki prikazujejo besedilo v vmesniku naprave. Naslednji zaslon prikazuje datoteko virov strings.xml, kjer so dodane različne vrednosti za besedila
pozneje pa se do teh vrednosti dostopa iz pogledov
Po čiščenju prejšnjih lastnosti poglejmo, katere so osnovne grafične komponente
Gumb.
Ti ustrezajo osnovnim gumbom, ki jih poznamo, le predstavljajo gumb z notranjim besedilom in definiranim robom.
Gumb bi ob pritisku opravljal osnovno funkcijo čakanja na dogodek.
Preklopni gumb
Vrsta ToggleButton ustreza vrsti gumba, ki ga je mogoče hraniti v 2 možnih stanjih, pritisnjen ali nepritisnjen, za to ni definirana le ena lastnost besedila, ampak 2 glede na stanje, ki ga trenutno ima, z uporabo lastnosti androida : textOn in android:textOff.
Tako kot tradicionalne gumbe je mogoče gumb ToggleButton programirati tako, da se odzove na dogodek klika, vendar morate verjetno le vedeti, v kakšnem stanju je. To lahko storite s sklicevanjem na metodo isChecked(), ki vrne vrednost true, če je pritisnjena, in false v nasprotnem primeru.
prevoz na delo
Ta kontrolnik lahko simulira stikalo, ki je zelo podobno delovanju ToggleButton, vendar z drugačnim vizualnim videzom.
Upoštevajte, da se lahko vizualni videz naših komponent spremeni glede na različico Androida, ki jo uporabljamo, in v tem primeru bi kontrolnik Switch za Android različice 5.0 in novejše izgledal takole:
ImageButton
Ta vrsta gumba vam omogoča, da z njim povežete sliko, ki jo uporabniku prikaže namesto besedila, kot je običajno; za to lahko vzamemo sliko iz map /res/drawable in jo naložimo z lastnostjo android:src, v v tem primeru bomo uporabili sliko neposredno iz virov Android.
TextView
Te ustrezajo osnovnim besedilnim oznakam, ki so prikazane uporabnikom, te v drugih jezikih so znane kot oznake in vam omogočajo prikaz besedila, povezanega z lastnostjo android:text, te oznake imajo druge lastnosti, ki vam omogočajo, da manipulirate z njihovo velikostjo, barva ozadja, barva in vrsta pisave, slog itd.
Uredi besedilo
Pogled Android EditText je enakovreden ASP in C# Textbox ali JAVA JTextField, je kontrolnik, ki omogoča zajem besedila, ki ga vnese uporabnik med izvajanjem.
izbirno polje
Kontrolnik potrditvenega polja se uporablja za izbiro ali preklic izbire možnosti v aplikaciji. Način definiranja v vmesniku in lastnosti, ki so na voljo za njegovo manipulacijo s kodo, so analogne tistim, komentiranim v kontrolniku ToogleButton.
Ta kontrolnik podeduje kontrolnik TextView, zato so vse že omenjene možnosti oblikovanja za ta kontrolnik veljavne tudi za potrditveno polje.
V kodi aplikacije lahko preverite, ali je ta kontrolnik izbran ali ne, z metodo isChecked(), ki vrne vrednost PRAV če ste bili izbrani oz lažno v nasprotnem primeru lahko uporabite tudi metodo setChecked(value), da nastavite določeno stanje za kontrolnik, kjer vrednost PRAV bi bilo za izbrane in lažno avtor ni izbran.
Dogodek, ki je običajno programiran za ta kontrolnik in se izvede vsakič, ko se spremeni njegovo stanje (izbrano/neizbrano), je onCheckedChanged.
radijski gumb
Tako kot kontrolnik CheckBox se tudi RadioButton uporablja za izbiro ali preklic izbire določene možnosti, razlika je v vrsti izbire, ki jo želite narediti. RadioButtons se običajno uporabljajo v skupinah za določanje nabora možnosti, med katerimi lahko izberete samo eno, kar pomeni, da se vsaka možnost medsebojno izključuje, tako da bo pri izbiri možnosti samodejno preklicana izbira tiste, ki je bila prej izbrana. Te skupine so definirane z elementom RadioGroup, ki bo vseboval vse elemente RadioButton, ki predstavljajo možnosti.
RadioGroups lahko nastavi lastnost android:orientation na »vertical« ali »Horizontal«, da določi, kako bodo razvrščeni RadioButtons, ki jih vsebuje.
RadioButton mora poleg širine in višine definirati lastnost android:text, da poveže besedilo predstavljene možnosti, in android:id, da poveže kodo s kontrolnikom, tako da jo je mogoče upravljati iz aplikacije logika.
Za manipulacijo nadzora iz logike aplikacije je mogoče uporabiti različne metode, med katerimi najdemo check(jaz bi šel), ki se uporablja za definiranje izbirnega gumba, identificiranega z ID-jem, ki je posredovan kot izbrani parameter, metoda clearCheck() se uporablja za preklic izbire vseh izbirnih gumbov v skupini, metoda getCheckedRadioButtonId() pa se uporablja za pridobitev ID-ja izbirnega gumba ki je znotraj izbrane skupine ali vrednost -1, če ni izbran noben element.
Najpomembnejši dogodek tega nadzora je tudi onCheckedChanged, ki se sproži, ko je izbran element v skupini (ne pozabite, da izbira enega elementa v skupini pomeni preklic izbire drugega).
In to je to, to je nekaj osnovnih grafičnih komponent, ki jih bomo uporabljali skozi tečaj, v naslednjih objavah bomo nadaljevali z ostalimi komponentami oziroma postavitvami.
Morda vas bo tudi zanimalo.
Ali želite kaj dodati ali komentirati o tem vnosu? lahko storite ....In če vam je bilo všeč ... Vabim vas k deljenju Y Naročite se s klikom na gumb »Pridružite se temu spletnemu mestu«, če želite slišati več objav, kot je ta 😉