Komponentët grafikë korrespondojnë me elementët që do të lejojnë përdoruesin të ndërveprojë me sistemin, kur flasim për GUI i referohemi ndërfaqeve grafike të përdoruesit, prandaj këto ndërfaqe ndërtohen përmes elementeve grafikë si butonat, menutë, ikonat, fushat e tekstit, etiketat etj. teksti ndër të tjera, një GUI kombinon dizajnin vizual dhe ngjarjet që lidhen me atë dizajn, kështu që nëse shtojmë një buton, duhet të programojmë ngjarjen e lidhur me atë buton kur ai shtypet nga një përdorues.
Siç u përmend, le të përqendrohemi në komponentët grafikë që përdoren nga skedarët XML, le të shohim disa nga vetitë e përmendura më lart.
Vetitë themelore.
Le të shohim disa veti bazë të përdorura në komponentët grafikë, këto mund të aplikohen për çdo komponent pavarësisht nga lloji i tij, sepse siç u përmend të gjithë komponentët janë Views kështu që ndajnë të njëjtat veti, disa nga më të përdorurat janë:
android: id.
Veti shumë e rëndësishme sepse lejon përcaktimin e një identifikuesi për kontrollin, kjo veçori i caktohet çdo pamjeje, për shembull nëse i caktohet një fushë futjeje të dhënash atëherë kjo do të përdoret për të kapur informacionin e përdoruesit, kështu që duhet të përdorim një emër diferencues. është e qartë.
Mënyra e saktë për të gjeneruar një identifikues është si më poshtë:
android:id="@+id/miTextField"
Simboli @+id/ do të thotë që një identifikues i ri po gjenerohet, kjo do të bëjë klasën R. nga paketa gen e projektit, krijoni një referencë për këtë objekt në mënyrë që më vonë të mund të manipulohet me kod.
Në shembull, identifikuesi "myTextField" për komponentin.
android:layout_width.
Përcakton gjerësinë e lidhur me pamjen, është një veti e detyrueshme dhe vlera e saj mund të përcaktohet në vlera absolute ose duke treguar një nga dy vlerat e mëposhtme:
-
wrap_content (Zë hapësirën sipas përmbajtjes së tij)
-
ndeshje_prindi (Zë të gjithë hapësirën në dispozicion)
Shembull:
android:layout_width="match_parent"ndonjëandroid:layout_width="290dp"
android:layout_height.
Përcakton lartësinë e lidhur me pamjen, është një veti e detyrueshme dhe vlera e saj mund të përcaktohet në vlera absolute ose duke treguar një nga dy vlerat e mëposhtme:
-
wrap_content (Zë hapësirën sipas përmbajtjes së tij)
-
ndeshje_prindi (Zë të gjithë hapësirën në dispozicion)
Shembull:
android:layout_height="wrap_content"ndonjëandroid:layout_height="58dp"
android:layout_margin.
Përcakton një diferencë për komponentin, duke lejuar krijimin e një hapësire sipër, poshtë dhe në anët e tij, si variante në rast se dëshironi të jepni hapësira të pavarura, mund të bëhet duke përdorur vetitë marginLeft, marginDjathtas, marginTop ose marginBottom (ose të gjitha)
Shembull: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: aluzion.
Kjo veçori lejon që teksti të shfaqet në kontroll si ndihmë ndërsa përdoruesi nuk ka futur ende informacionin. (Preferohet mbi vetinë e tekstit)
Shembull: android:hint="Fut emrin"
android:inputType.
Ai përcakton se çfarë lloji të hyrjes do të lejohet për kutinë e tekstit, kjo lejon një lloj vërtetimi të të dhënave dhe gjithashtu i tregon sistemit operativ se çfarë lloji të tastierës (virtuale) të përdorë.
Ndër opsionet që mund të lidhim me këtë pronë janë disa të tilla si:
- Teksti
- numri
- teksturë
- fjalëkalimi me tekst
- telefonit
- takim
- Adresa e postës elektronike me tekst
Ka shumë opsione të tjera që mund të përdoren në varësi të nevojës.
Shembull: android:inputType="numri" | android:inputType="textEmailAddress"
android:TextSize.
Përcakton një madhësi për tekstin që do të shfaqet në ekran, njësitë matëse duhet të merren parasysh ku sp përdoret për tekste
Shembull: android:textSize = "25sp"
android:styletext.
Përcakton një stil për tekstin, duke qenë në gjendje të përcaktojë tekstin si normal, të theksuar, të pjerrët (ose të dyja).
Shembull: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"
android:Ngjyra e tekstit.
Përcakton një ngjyrë për tekstin, duke qenë në gjendje të shtojë një ngjyrë nga skedari i vetive "colors" ose një vlerë heksadecimal
Shembull: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Përcakton një ngjyrë të sfondit për komponentin, mund ta merrni gjithashtu ngjyrën nga vetitë e "ngjyrave" ose një vlerë heksadecimal
Shembull: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android: tekst.
Përcakton përmbajtjen tekstuale të lidhur me pamjen. Megjithëse vlera e tij mund të caktohet drejtpërdrejt, rekomandohet shumë përdorimi i skedarit të vargjeve të disponueshme në dosjen e burimeve.
Shembull: android:text="Bienvenidos" | android:text="@string/title"
Kjo veçori është e zakonshme në pamjet që shfaqin tekst në ndërfaqen e pajisjes. Ekrani i mëposhtëm tregon skedarin e burimit strings.xml ku shtohen vlera të ndryshme për tekstet
dhe më vonë këto vlera arrihen nga pamjet
Pas pastrimit të vetive të mëparshme, le të shohim se cilët janë komponentët bazë grafikë.
Butoni.
Këto korrespondojnë me butonat bazë që ne njohim, ai thjesht tregon një buton me tekstin e tij të brendshëm dhe një diferencë të caktuar.
Butoni do të përmbushte funksionin bazë të pritjes për një ngjarje kur shtypet.
butoni i ndërrimit
Lloji ToggleButton korrespondon me një lloj butoni që mund të mbahet në 2 gjendje të mundshme, të shtypura ose jo të shtypura, për këtë nuk përcaktohet vetëm një veçori e vetme teksti, por 2 në varësi të gjendjes që ka për momentin, duke përdorur vetitë e android: textOn dhe android:textOff.
Ashtu si butonat tradicionalë, ToggleButton mund të programohet për t'iu përgjigjur ngjarjes së klikimit, por ndoshta thjesht duhet të dini se në çfarë gjendje është. Kjo mund të bëhet duke u konsultuar me metodën isChecked(), e cila kthen vlerën true në rast se shtypet dhe false ndryshe.
udhëtojnë
Ky kontroll mund të simulojë një ndërprerës shumë të ngjashëm me mënyrën se si funksionon ToggleButton, por me një pamje vizuale të ndryshme.
Mos harroni se në varësi të versionit të Android që përdorim, pamja vizuale e komponentëve tanë mund të ndryshojë, në këtë rast kontrolluesi Switch për versionet Android 5.0 dhe më të lartë do të duket kështu:
Butoni i imazhit
Ky lloj butoni ju lejon të lidhni një imazh me të për t'i shfaqur përdoruesit në vend të një teksti siç është zakonisht, për këtë ne mund ta marrim imazhin nga dosjet /res/drawable dhe ta ngarkojmë duke përdorur vetinë android:src, në këtë rast ne do të përdorim një imazh direkt nga burimet e Android.
TextView
Këto korrespondojnë me etiketat bazë të tekstit që u tregohen përdoruesve, këto në gjuhë të tjera njihen si etiketa dhe lejojnë shfaqjen e një teksti të lidhur me veçorinë android:text, këto etiketa kanë veti të tjera që ju lejojnë të manipuloni madhësinë, sfondin e tyre ngjyra, ngjyra dhe lloji i shkronjave, stili, etj.
redaktoni tekstin
Pamja Android EditText është ekuivalente me ASP dhe C# Textbox ose JAVA JTextField, është një kontroll që lejon kapjen e tekstit të shtypur nga përdoruesi në kohën e ekzekutimit.
kutia e përzgjedhjes
Kontrolli i kutisë së kontrollit përdoret për të kontrolluar ose hequr zgjedhjen e opsioneve në një aplikacion. Mënyra për ta përcaktuar atë në ndërfaqe dhe vetitë e disponueshme për manipulimin e saj me kod janë analoge me ato të komentuara në kontrollin ToogleButton.
Ky kontroll trashëgon nga kontrolli TextView, kështu që të gjitha opsionet e formatimit të përmendura tashmë për këtë kontroll janë të vlefshme edhe për kutinë e kontrollit.
Në kodin e aplikacionit, mund të kontrolloni nëse ky kontroll është zgjedhur apo jo përmes metodës isChecked() që kthen vlerën e E VËRTETË nëse jeni përzgjedhur ose i rremë përndryshe, mund të përdorni gjithashtu metodën setChecked(value) për të vendosur një gjendje specifike për kontrollin, ku vlera E VËRTETË do të ishte për të zgjedhur dhe i rremë duke mos zgjedhur.
Ngjarja që është programuar normalisht për këtë kontroll dhe që ekzekutohet sa herë që ndryshon gjendja e saj (e zgjedhur / jo e zgjedhur) është onCheckedChanged.
butonin e radios
Ashtu si kontrolli CheckBox, RadioButton shërben për të kontrolluar ose hequr një opsion të caktuar, ndryshimi është në llojin e përzgjedhjes që dëshironi të bëni. RadioButtons zakonisht përdoren në grupe për të përcaktuar një grup opsionesh nga të cilat mund të zgjidhni vetëm një, d.m.th. secili opsion është reciprokisht ekskluziv, kështu që kur zgjidhni një opsion, ai që ishte zgjedhur më parë do të hiqet automatikisht. Këto grupe përcaktohen nga elementi RadioGroup, i cili nga ana tjetër do të përmbajë të gjithë elementët RadioButton që përfaqësojnë opsionet.
RadioGroups mund të vendosë veçorinë android:orientation në "Vertical" ose "Horizontal" për të përcaktuar se si do të renditen RadioButtons që përmban.
RadioButton, nga ana tjetër, përveç gjerësisë dhe lartësisë, duhet të përcaktojë veçorinë android:text për të lidhur tekstin e opsionit të përfaqësuar dhe android:id për të lidhur një kod me kontrollin në mënyrë që të mund të manipulohet nga logjika e aplikacionit.
Për të manipuluar kontrollin nga logjika e aplikacionit, mund të përdoren metoda të ndryshme, ndër të cilat gjejmë check(unë do të shkoja) i cili përdoret për të vendosur radiobutonin e identifikuar me ID-në që kalohet si parametër siç është përzgjedhur, metoda clearCheck() përdoret për të hequr zgjedhjen e të gjithë radiobutonëve në grup dhe metoda getCheckedRadioButtonId() përdoret për të marrë id-në e radiobuton që është brenda grupit të zgjedhur ose vlera -1 nëse nuk është zgjedhur asnjë artikull.
Ngjarja më e rëndësishme e këtij kontrolli është gjithashtu onCheckedChanged, e cila aktivizohet kur zgjidhet një element i grupit (mos harroni se zgjedhja e një elementi të grupit tregon çzgjedhjen e një tjetër).
Dhe kaq, këto janë disa nga komponentët bazë grafikë që do t'i përdorim gjatë gjithë kursit, në postimet e ardhshme do të vazhdojmë me komponentë apo paraqitje të tjera.
Mund t'ju interesojë gjithashtu.
A ka ndonjë gjë që dëshironi të shtoni ose komentoni në lidhje me këtë hyrje? mos ngurroni të bëni….Dhe nëse ju pëlqeu... ju ftoj ta shpërndani y Abonohu duke klikuar në butonin "Bashkohu në këtë faqe" për të dëgjuar më shumë postime si ky 😉