Androidi põhikomponendid.

Graafilised komponendid vastavad elementidele, mis võimaldavad kasutajal süsteemiga suhelda, GUI-st rääkides viitame graafilistele kasutajaliidestele, seetõttu on need liidesed üles ehitatud graafiliste elementide kaudu, nagu nupud, menüüd, ikoonid, tekstiväljad, sildid jne. teksti, GUI ühendab visuaalse kujunduse ja selle kujundusega seotud sündmused, nii et kui lisame nupu, peame programmeerima selle nupuga seotud sündmuse, kui kasutaja seda vajutab.

Reklaamid

Nagu mainitud, keskendume graafilistele komponentidele, mida XML-failidest kasutatakse, vaatame mõnda ülalmainitud atribuuti.

Põhiomadused.

Vaatame mõningaid graafilistes komponentides kasutatavaid põhiomadusi, neid saab rakendada mis tahes komponendile olenemata selle tüübist, sest nagu mainitud, on kõik komponendid vaated, nii et neil on samad omadused, mõned enimkasutatud on:

android: id.

Väga oluline omadus, kuna see võimaldab määrata juhtelemendi identifikaatori, määratakse see atribuut igale vaatele, näiteks kui see on määratud andmesisestusväljale, kasutatakse seda kasutajateabe hõivamiseks, seega peame kasutama seda eristavat nime on selge.

Õige viis identifikaatori loomiseks on järgmine:

android:id="@+id/miTextField"

Sümbol @+id/ tähendab, et genereeritakse uus identifikaator, teeb see klassi R. projekti gen-paketist loo sellele objektile viide, et seda saaks hiljem koodiga manipuleerida.

Näites on identifikaator "myTextField” komponendi jaoks.

android:layout_width.

Määrab vaatega seotud laiuse, see on kohustuslik omadus ja selle väärtust saab määratleda absoluutväärtustes või näidates ühte kahest järgmisest väärtusest:

wrap_content (See võtab ruumi vastavalt oma sisule)
match_parent (Võtab kogu vaba ruumi)

Näide: android:layout_width="match_parent" ükskõik milline android:layout_width="290dp"

android: paigutus_kõrgus.
Määratleb vaatega seotud kõrguse, see on kohustuslik omadus ja selle väärtust saab määratleda absoluutväärtustes või näidates ühte kahest järgmisest väärtusest:

wrap_content (See võtab ruumi vastavalt oma sisule)
match_parent (Võtab kogu vaba ruumi)

Näide: android:layout_height="wrap_content" ükskõik milline android:layout_height="58dp"

android:layout_margin.

Määrab komponendile veerise, võimaldades luua tühikuid selle kohale, alla ja külgedele, variantidena, kui soovite anda sõltumatuid tühikuid, saab seda teha atribuutidega marginLeft, marginRight, marginTop või marginBottom (või kõik)

Näide: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"

android: vihje.

See atribuut võimaldab kuvada juhtelemendis teksti abina, kui kasutaja pole veel teavet sisestanud. (Eelistatakse tekstiomaduste asemel)

Näide: android:hint="Sisesta nimi"

android: inputType.

See määrab, millist tüüpi sisestus on tekstikasti jaoks lubatud, see võimaldab teatud tüüpi andmete valideerimist ja ütleb ka operatsioonisüsteemile, millist tüüpi (virtuaalset) klaviatuuri kasutada.

Selle atribuudiga seostatavad valikud on järgmised:

Tekst
number
tekstuur
teksti parool
telefon
koosolekul
TekstE-posti aadress

Olenevalt vajadusest saab kasutada palju muid võimalusi.

Näide: android:inputType="number" | android:inputType="textEmailAddress"

android:textSize.

Määrab ekraanil kuvatava teksti suuruse, tekstide puhul tuleb arvestada mõõtühikutega

Näide: android:textSize="25sp"

android:styletext.

Määrab teksti stiili, suutes määratleda teksti tavalise, paksu, kaldkirja (või mõlemana).

Näide: android:textStyle="paks" | android:textStyle="kaldkiri" | android:textStyle="paks|kaldkiri"

android:textColor.

Määrab teksti värvi, saab lisada värvi atribuutide failist "värvid" või kuueteistkümnendsüsteemi väärtuse

Näide: android:textColor="@color/teal_700" | android:textColor="#9C27B0"

android:backgroundTint.

Määrab komponendi taustavärvi, värvi saab ka atribuutidest “värvid” või kuueteistkümnendsüsteemi väärtusest

Näide: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"

android:tekst.

Määratleb vaatega seotud tekstilise sisu. Kuigi selle väärtust saab määrata otse, on tungivalt soovitatav kasutada ressursside kaustas saadaolevat stringifaili.

Näide: android:text="Bienvenidos" | android:text="@string/title"

See omadus on tavaline vaadetes, mis kuvavad seadme liideses teksti. Järgmisel ekraanil kuvatakse ressursifail strings.xml, kuhu on lisatud tekstide jaoks erinevad väärtused

ja hiljem pääseb nendele väärtustele ligi vaadetest

Pärast eelmiste omaduste kustutamist vaatame, millised on põhilised graafilised komponendid.

Nupp.

Need vastavad meile tuntud põhinuppudele, see näitab lihtsalt nuppu, millel on sisemine tekst ja määratletud veeris.

Nupp täidaks vajutamisel sündmuse ootamise põhifunktsiooni.

lülitusnupp

ToggleButtoni tüüp vastab nuputüübile, mida saab hoida kahes võimalikus olekus, vajutatuna või mitte vajutatuna, selleks ei määratleta mitte ainult ühte tekstiomadust, vaid 2 sõltuvalt selle hetke olekust, kasutades atribuute android: textOn ja android:textOff.

Sarnaselt traditsioonilistele nuppudele saab ToggleButtoni programmeerida klõpsamissündmusele reageerima, kuid tõenäoliselt peate lihtsalt teadma, mis olekus see on. Seda saab teha meetodi isChecked() abil, mis tagastab vajutamise korral väärtuse true ja muul juhul false.

pendeldama

See juhtelement võib simuleerida lülitit, mis on väga sarnane ToggleButtoni toimimisele, kuid erineva visuaalse välimusega.

Pidage meeles, et sõltuvalt kasutatavast Androidi versioonist võib meie komponentide visuaalne välimus muutuda, sel juhul näeb Switchi kontroller Androidi versioonide 5.0 ja uuemate versioonide jaoks välja järgmine:

ImageButton

Seda tüüpi nupp võimaldab tavapäraselt teksti asemel linkida pildi, mida kasutajale näidata, selleks saame pildi võtta /res/drawable kaustadest ja laadida selle atribuudi android:src abil, sel juhul kasutame pilti otse Androidi ressurssidest.

TextView

Need vastavad kasutajatele kuvatavatele põhiteksti siltidele, teistes keeltes nimetatakse neid siltideks ja võimaldavad kuvada atribuudiga android:text seotud teksti. Nendel siltidel on muid atribuute, mis võimaldavad teil muuta nende suurust, tausta. värv, värv ja fondi tüüp, stiil jne.

muuta teksti

Android EditText vaade on samaväärne ASP ja C# Textbox või JAVA JTextFieldiga, see on juhtelement, mis võimaldab jäädvustada kasutaja poolt käitusajal sisestatud teksti.

valikukasti

Märkeruudu juhtelementi kasutatakse rakenduse valikute märkimiseks või märke eemaldamiseks. Selle määratlemise viis liideses ja selle koodiga manipuleerimiseks saadaolevad omadused on analoogsed ToogleButtoni juhtelemendis kommenteeritutega.

See juhtelement pärineb TextView-juhtelemendilt, seega kehtivad kõik selle juhtelemendi jaoks juba mainitud vormingusuvandid ka märkeruudu jaoks.

Rakenduse koodis saate kontrollida, kas see juhtelement on valitud või mitte, kasutades meetodit isChecked(), mis tagastab TÕSI kui teid valiti või vale muul juhul võite kasutada ka meetodit setChecked(value), et määrata juhtelemendile konkreetne olek, kus väärtus TÕSI oleks valitud ja vale poolt ei valitud.

Sündmus, mis on tavaliselt selle juhtelemendi jaoks programmeeritud ja mis käivitatakse iga kord, kui selle olek muutub (valitud / valimata), on onCheckedChanged.

Raadio nupp

Sarnaselt märkekasti juhtnupule on raadionupp etteantud suvandi märkimiseks või eemaldamiseks, erinevus on selles, millist tüüpi valikut soovite teha. Raadionuppe kasutatakse tavaliselt rühmadena, et määratleda valikute komplekt, millest saab valida ainult ühe, st iga valik on üksteist välistav, nii et suvandi valimisel eemaldatakse automaatselt varem valitud suvand. Need rühmad on määratletud elemendiga RadioGroup, mis omakorda sisaldab kõiki valikuid esindavaid RadioButtoni elemente.

RadioGroups saab määrata atribuudi android:orientation väärtuseks "Vertikaalne" või "Horisontaalne", et määrata, kuidas selles sisalduvad raadionupud järjestatakse.

RadioButton omakorda peab lisaks laiusele ja kõrgusele defineerima atribuudi android:text, et seostada esitatud valiku teksti ja android:id, et seostada juhtelemendiga kood, et seda saaks rakenduse loogikast lähtudes manipuleerida.

Rakenduse loogikast juhtimisega manipuleerimiseks saab kasutada erinevaid meetodeid, mille hulgast leiame check(ma läheks), mida kasutatakse identifitseeritud raadionupu määramiseks ID-ga, mis edastatakse valitud parameetrina, meetodit clearCheck() kasutatakse kõigi grupi raadionuppude märgistamise tühistamiseks ja meetodit getCheckedRadioButtonId() kasutatakse grupi ID hankimiseks. raadionupp, mis asub valitud rühmas, või väärtus -1, kui üksust pole valitud.

Selle juhtelemendi kõige olulisem sündmus on ka onCheckedChanged, mis käivitub grupi elemendi valimisel (pidage meeles, et rühma elemendi valimine näitab mõne teise elemendi valimise tühistamist).

Ja ongi kõik, need on mõned põhilised graafilised komponendid, mida kogu kursuse jooksul kasutame, järgmistes postitustes jätkame teiste komponentide või paigutustega.

See võib teile ka huvi pakkuda.

Kas soovite selle kirje kohta midagi lisada või kommenteerida? tehke julgelt….Ja kui teile meeldis... Kutsun teid jagama Y Tellige, klõpsates nupul "Liitu selle saidiga", et kuulda rohkem selliseid postitusi 😉