Grafiskie komponenti atbilst elementiem, kas ļaus lietotājam mijiedarboties ar sistēmu, runājot par GUI, mēs runājam par lietotāja grafiskajām saskarnēm, tāpēc šīs saskarnes tiek veidotas, izmantojot grafiskos elementus, piemēram, pogas, izvēlnes, ikonas, teksta lauki, etiķetes utt. teksts, cita starpā, GUI apvieno vizuālo noformējumu un ar šo dizainu saistītos notikumus, tādēļ, ja pievienojam pogu, mums ir jāieprogrammē ar šo pogu saistītais notikums, kad lietotājs to nospiež.
Kā minēts, pievērsīsimies grafiskajiem komponentiem, kas tiek izmantoti no XML failiem, apskatīsim dažus iepriekš minētos rekvizītus.
Pamatīpašības.
Apskatīsim dažus grafiskos komponentos izmantotos pamata rekvizītus, kurus var lietot jebkuram komponentam neatkarīgi no tā veida, jo, kā minēts, visi komponenti ir skati, tāpēc tiem ir vienādas īpašības, daži no visbiežāk lietotajiem ir:
Android: id.
Ļoti svarīgs rekvizīts, jo tas ļauj definēt vadīklai identifikatoru, šis rekvizīts tiek piešķirts jebkuram skatam, piemēram, ja tas ir piešķirts datu ievades laukam, tad tas tiks izmantots lietotāja informācijas tveršanai, tāpēc mums ir jāizmanto atšķirīgs nosaukums. ir skaidrs.
Pareizais veids, kā ģenerēt identifikatoru, ir šāds:
android:id="@+id/miTextField"
Simbols @+id/ nozīmē, ka tiek ģenerēts jauns identifikators, tas veidos klasi R. no projekta gen pakotnes izveidojiet atsauci uz šo objektu, lai vēlāk ar to varētu manipulēt ar kodu.
Piemērā identifikators "myTextField” komponentam.
android:layout_width.
Nosaka ar skatu saistīto platumu, tas ir obligāts īpašums, un tā vērtību var definēt absolūtās vērtībās vai norādot vienu no šīm divām vērtībām:
-
wrap_content (Tas aizņem vietu atbilstoši tā saturam)
-
match_parent (Aizņem visu pieejamo vietu)
Piemērs:
android:layout_width="match_parent"jebkuraandroid:layout_width="290dp"
android: izkārtojuma_augstums.
Definē ar skatu saistīto augstumu, tas ir obligāts īpašums, un tā vērtību var definēt absolūtās vērtībās vai norādot vienu no divām šādām vērtībām:
-
wrap_content (Tas aizņem vietu atbilstoši tā saturam)
-
match_parent (Aizņem visu pieejamo vietu)
Piemērs:
android:layout_height="wrap_content"jebkuraandroid:layout_height="58dp"
android:layout_margin.
Definē komponentam piemali, ļaujot izveidot atstarpi virs, zem un sānos, kā variantus gadījumā, ja vēlaties piešķirt neatkarīgas atstarpes, to var izdarīt, izmantojot īpašības marginLeft, marginRight, marginTop vai marginBottom (vai visas)
Piemērs: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
Android: mājiens.
Šis rekvizīts ļauj vadīklā parādīt tekstu kā palīdzību, kamēr lietotājs vēl nav ievadījis informāciju. (vēlams, nevis teksta rekvizīts)
Piemērs: android:hint="Ievadiet vārdu"
android: inputType.
Tas nosaka, kāda veida ievade būs atļauta tekstlodziņā, tas ļauj veikt sava veida datu validāciju, kā arī norāda operētājsistēmai, kāda veida (virtuālā) tastatūra jāizmanto.
Starp iespējām, ko varam saistīt ar šo īpašumu, ir, piemēram:
- Teksts
- numuru
- tekstūra
- teksta parole
- telefons
- tikšanās
- TextEmailAddress
Ir daudz citu iespēju, kuras var izmantot atkarībā no vajadzības.
Piemērs: android:inputType="number" | android:inputType="textEmailAddress"
android:textSize.
Nosaka ekrānā parādāmā teksta lielumu, kur tekstiem lieto sp, jāņem vērā mērvienības
Piemērs: android:textSize="25sp"
android: styletext.
Definē teksta stilu, kas var definēt tekstu kā parastu, treknrakstu, slīprakstu (vai abus).
Piemērs: android:textStyle="bold" | android:textStyle="slīvraksts" | android:textStyle="bold|sitalic"
android:textColor.
Nosaka teksta krāsu, var pievienot krāsu no rekvizītu faila “colors” vai heksadecimālo vērtību
Piemērs: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Definē komponenta fona krāsu, krāsu var iegūt arī no "colors" īpašībām vai heksadecimālās vērtības
Piemērs: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android: teksts.
Definē ar skatu saistīto teksta saturu. Lai gan tā vērtību var piešķirt tieši, ir ļoti ieteicams izmantot resursu mapē pieejamo virkņu failu.
Piemērs: android:text="Bienvenidos" | android:text="@string/title"
Šis īpašums ir izplatīts skatos, kas parāda tekstu ierīces saskarnē. Nākamajā ekrānā tiek parādīts resursa fails strings.xml, kurā ir pievienotas dažādas tekstu vērtības
un vēlāk šīm vērtībām var piekļūt no skatiem
Pēc iepriekšējo rekvizītu notīrīšanas apskatīsim, kādi ir pamata grafiskie komponenti.
Poga.
Tās atbilst mums zināmajām pamata pogām, tas tikai parāda pogu ar iekšējo tekstu un noteiktu piemali.
Poga pildītu pamatfunkciju — gaidīt notikumu, kad tā tiek nospiesta.
pārslēgšanas poga
ToggleButton tips atbilst pogas tipam, kuru var turēt 2 iespējamos stāvokļos, nospiestu vai nenospiestu, šim nolūkam tiek definēts ne tikai viens teksta rekvizīts, bet 2 atkarībā no tā stāvokļa, kas tajā brīdī ir, izmantojot rekvizītus android: textOn un android:textOff.
Tāpat kā tradicionālās pogas, arī ToggleButton var ieprogrammēt, lai tā reaģētu uz klikšķa notikumu, taču jums, iespējams, vienkārši jāzina, kādā stāvoklī tas ir. To var izdarīt, izmantojot metodi isChecked(), kas atgriež vērtību true gadījumā, ja tiek nospiesta, un false pretējā gadījumā.
braukt uz darbu
Šī vadīkla var simulēt slēdzi, kas ir ļoti līdzīgs tam, kā darbojas ToggleButton, bet ar atšķirīgu vizuālo izskatu.
Atcerieties, ka atkarībā no izmantotās Android versijas mūsu komponentu vizuālais izskats var mainīties, šajā gadījumā Switch kontrolleris Android versijām 5.0 un jaunākām versijām izskatītos šādi:
ImageButton
Šāda veida poga ļauj saistīt ar attēlu, lai tas tiktu parādīts lietotājam, nevis tekstam, kā parasti, šim nolūkam mēs varam ņemt attēlu no /res/drawable mapēm un ielādēt to, izmantojot android:src rekvizītu, šajā gadījumā mēs izmantosim attēlu tieši no Android resursiem.
Teksta skats
Tie atbilst pamata teksta etiķetēm, kas tiek rādītas lietotājiem, citās valodās tās sauc par etiķetēm un ļauj parādīt tekstu, kas saistīts ar android:text rekvizītu, šīm etiķetēm ir citi rekvizīti, kas ļauj manipulēt ar to lielumu, fonu. krāsa, krāsa un fonta veids, stils utt.
rediģēt tekstu
Android EditText skats ir līdzvērtīgs ASP un C# Textbox vai JAVA JTextField, tā ir vadīkla, kas ļauj tvert lietotāja ievadīto tekstu izpildlaikā.
atlases lodziņš
Izvēles rūtiņas vadīkla tiek izmantota, lai lietojumprogrammā atzīmētu vai noņemtu atzīmes. Veids, kā to definēt saskarnē, un rekvizīti, kas pieejami tā manipulēšanai ar kodu, ir līdzīgi tiem, kas komentēti ToogleButton vadīklā.
Šī vadīkla tiek mantota no vadīklas TextView, tāpēc visas jau minētās formatēšanas opcijas ir derīgas arī izvēles rūtiņai.
Lietojumprogrammas kodā varat pārbaudīt, vai šī vadīkla ir atlasīta, izmantojot metodi isChecked(), kas atgriež vērtību PATIESA ja esat izvēlēts vai viltus pretējā gadījumā jūs varat arī izmantot metodi setChecked(value), lai iestatītu īpašu vadīklas stāvokli, kur vērtība PATIESA būtu izvēlētajiem un viltus nav izvēlēts.
Notikums, kas parasti tiek ieprogrammēts šai vadīklai un tiek izpildīts katru reizi, kad mainās tā stāvoklis (atlasīts/nav atlasīts), ir CheckedChanged.
radio poga
Tāpat kā izvēles rūtiņas vadīkla, radiopoga kalpo, lai atzīmētu vai noņemtu atzīmi no dotās opcijas, atšķirība ir atlases veidā, kuru vēlaties veikt. Radiopogas parasti tiek izmantotas grupās, lai definētu opciju kopu, no kurām var izvēlēties tikai vienu, t.i., katra opcija ir viena otru izslēdzoša, tāpēc, izvēloties opciju, automātiski tiks noņemta opcija, kas tika atlasīta iepriekš. Šīs grupas nosaka elements RadioGroup, kas savukārt saturēs visus RadioButton elementus, kas attēlo opcijas.
RadioGroups var iestatīt rekvizītu android:orientation uz “Vertikāli” vai “Horizontāli”, lai noteiktu, kā tiks sakārtotas tajā esošās radio pogas.
Savukārt RadioButton papildus platumam un augstumam ir jādefinē rekvizīts android:text, lai saistītu attēlotās opcijas tekstu, un android:id, lai saistītu kodu ar vadīklu, lai ar to varētu manipulēt no lietojumprogrammas loģikas.
Lai manipulētu ar vadību no lietojumprogrammas loģikas, var izmantot dažādas metodes, starp kurām mēs atrodam check(ES ietu), ko izmanto, lai iestatītu radiopogu, kas identificēta ar ID, kas tiek nodots kā atlasītais parametrs, metode clearCheck() tiek izmantota, lai noņemtu atzīmes visām grupā esošajām radiopogām, un metode getCheckedRadioButtonId() tiek izmantota, lai iegūtu radiopoga, kas atrodas atlasītajā grupā, vai vērtība -1, ja nav atlasīts neviens vienums.
Šīs vadīklas svarīgākais notikums ir arī onCheckedChanged, kas tiek aktivizēts, kad ir atlasīts kāds grupas elements (atcerieties, ka grupas elementa atlase norāda uz cita elementa atlases atcelšanu).
Un viss, šie ir daži no pamata grafiskajiem komponentiem, kurus izmantosim visa kursa laikā, nākamajos ierakstos turpināsim ar citiem komponentiem vai izkārtojumiem.
Tas var arī jūs interesēt.
Vai ir kaut kas, ko vēlaties pievienot vai komentēt par šo ierakstu? jūties brīvi darīt….Un ja patika... Aicinu padalīties y Abonējiet, noklikšķinot uz pogas "Pievienoties šai vietnei", lai dzirdētu vairāk tādu ziņu kā šī 😉