Grafiniai komponentai atitinka elementus, kurie leis vartotojui sąveikauti su sistema, kai kalbame apie GUI, kalbame apie grafines vartotojo sąsajas, todėl šios sąsajos kuriamos per grafinius elementus, tokius kaip mygtukai, meniu, piktogramos, teksto laukai, etiketės ir kt. teksto, be kita ko, GUI sujungia vizualinį dizainą ir su tuo dizainu susijusius įvykius, taigi, jei pridedame mygtuką, turime užprogramuoti su tuo mygtuku susietą įvykį, kai jį paspaudžia vartotojas.
Kaip minėta, sutelkime dėmesį į grafinius komponentus, kurie naudojami iš XML failų, pažiūrėkime kai kurias iš aukščiau paminėtų savybių.
Pagrindinės savybės.
Pažiūrėkime keletą pagrindinių grafinių komponentų savybių, kurios gali būti taikomos bet kuriam komponentui, nepaisant jo tipo, nes, kaip minėta, visi komponentai yra rodiniai, todėl jie turi tas pačias savybes, kai kurios dažniausiai naudojamos yra:
Android: id.
Labai svarbi ypatybė, nes leidžia apibrėžti valdiklio identifikatorių, ši savybė priskiriama bet kokiam rodiniui, pavyzdžiui, jei ji priskirta duomenų įvedimo laukui, tada jis bus naudojamas vartotojo informacijai užfiksuoti, todėl turime naudoti jį atskiriantį pavadinimą. aišku.
Tinkamas būdas sugeneruoti identifikatorių yra toks:
android:id="@+id/miTextField"
Simbolis @+id/ reiškia, kad generuojamas naujas identifikatorius, tai sudarys klasę R. iš projekto gen paketo sukurkite nuorodą į šį objektą, kad vėliau būtų galima juo manipuliuoti kodu.
Pavyzdyje identifikatorius "myTextField“ komponentui.
android:layout_width.
Apibrėžia plotį, susietą su vaizdu, tai yra privaloma savybė ir jo reikšmę galima apibrėžti absoliučiomis reikšmėmis arba nurodant vieną iš šių dviejų reikšmių:
-
wrap_content (Jis užima erdvę pagal turinį)
-
match_parent (Užima visą laisvą vietą)
Pavyzdys:
android:layout_width="match_parent"bet koksandroid:layout_width="290dp"
Android:layout_height.
Apibrėžia aukštį, susietą su vaizdu, tai yra privaloma savybė, o jo vertė gali būti apibrėžta absoliučiomis reikšmėmis arba nurodant vieną iš dviejų šių reikšmių:
-
wrap_content (Jis užima erdvę pagal turinį)
-
match_parent (Užima visą laisvą vietą)
Pavyzdys:
android:layout_height="wrap_content"bet koksandroid:layout_height="58dp"
android:layout_margin.
Apibrėžia komponento paraštę, leidžiančią nustatyti tarpą viršuje, apačioje ir šonuose, kaip variantus, jei norite suteikti nepriklausomus tarpus, tai galima padaryti naudojant ypatybes marginLeft, marginRight, marginTop arba marginBottom (arba visi)
Pavyzdys: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
Android: patarimas.
Ši savybė leidžia valdiklyje rodyti tekstą kaip pagalbą, kol vartotojas dar neįvedė informacijos. (Pageidautina, o ne teksto ypatybė)
Pavyzdys: android:hint="Įveskite vardą"
android: inputType.
Jis nustato, kokio tipo įvestis bus leidžiama teksto laukelyje, tai leidžia atlikti tam tikrą duomenų patvirtinimą ir taip pat nurodo operacinei sistemai, kokio tipo (virtualią) klaviatūrą naudoti.
Tarp parinkčių, kurias galime susieti su šia nuosavybe, yra, pavyzdžiui:
- Tekstas
- numerį
- tekstūra
- tekstinis slaptažodis
- telefonas
- susitikimas
- TextEmailAddress
Priklausomai nuo poreikio, galima naudoti daugybę kitų variantų.
Pavyzdys: android:inputType="numeris" | android:inputType="textEmailAddress"
android: textSize.
Apibrėžia ekrane rodomo teksto dydį, turi būti atsižvelgiama į matavimo vienetus, kai tekstams naudojamas sp
Pavyzdys: android:textSize="25sp"
android: styletext.
Apibrėžia teksto stilių, galintį apibrėžti tekstą kaip įprastą, paryškintą, kursyvą (arba abu).
Pavyzdys: android:textStyle="bold" | android:textStyle="kursyvas" | android:textStyle="bold|kursyvas"
android: textColor.
Apibrėžia teksto spalvą, galinčią pridėti spalvą iš "spalvų" ypatybių failo arba šešioliktainę reikšmę
Pavyzdys: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Apibrėžia komponento fono spalvą, taip pat galite gauti spalvą iš "spalvų" savybių arba šešioliktainės reikšmės
Pavyzdys: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:tekstas.
Apibrėžia su rodiniu susietą tekstinį turinį. Nors jo reikšmę galima priskirti tiesiogiai, labai rekomenduojama naudoti išteklių aplanke esantį eilučių failą.
Pavyzdys: android:text="Bienvenidos" | android:text="@string/title"
Ši savybė įprasta rodiniuose, kuriuose įrenginio sąsajoje rodomas tekstas. Šiame ekrane rodomas strings.xml išteklių failas, kuriame pridedamos skirtingos tekstų reikšmės
ir vėliau šios reikšmės pasiekiamos iš rodinių
Išvalę ankstesnes savybes, pažiūrėkime, kokie yra pagrindiniai grafiniai komponentai.
Mygtukas.
Tai atitinka mums žinomus pagrindinius mygtukus, tik rodo mygtuką su vidiniu tekstu ir apibrėžta parašte.
Mygtukas atliktų pagrindinę funkciją – laukti įvykio paspaudus.
perjungimo mygtukas
ToggleButton tipas atitinka mygtuko tipą, kurį galima laikyti 2 galimose būsenose, paspaustas arba nespaustas, tam ne tik viena teksto savybė yra apibrėžta, bet ir 2, priklausomai nuo jo būsenos šiuo metu, naudojant Android: textOn ir android:textOff.
Kaip ir tradicinius mygtukus, „ToggleButton“ galima užprogramuoti taip, kad jis reaguotų į paspaudimo įvykį, tačiau tikriausiai tereikia žinoti, kokia jo būsena. Tai galima padaryti naudojant isChecked() metodą, kuris grąžina reikšmę „true“, jei paspaudžiamas, ir „false“ kitu atveju.
važinėti į darbą ir atgal
Šis valdiklis gali imituoti jungiklį, labai panašų į tai, kaip veikia ToggleButton, bet su kitokia išvaizda.
Atminkite, kad priklausomai nuo mūsų naudojamos „Android“ versijos, mūsų komponentų vizualinė išvaizda gali keistis, šiuo atveju „Switch“ valdiklis, skirtas „Android“ 5.0 ir naujesnėms versijoms, atrodytų taip:
ImageButton
Šio tipo mygtukai leidžia susieti vaizdą su juo, kad būtų rodomas vartotojui, o ne kaip įprasta, todėl galime paimti vaizdą iš /res/drawable aplankų ir įkelti jį naudodami android:src savybę, šiuo atveju naudosime vaizdą tiesiai iš Android išteklių.
TextView
Tai atitinka pagrindines teksto etiketes, kurios rodomos vartotojams, kitomis kalbomis yra žinomos kaip etiketės ir leidžia rodyti tekstą, susietą su android:text nuosavybe, šios etiketės turi kitų savybių, leidžiančių valdyti jų dydį, foną. spalva, spalva ir šrifto tipas, stilius ir kt.
redaguoti tekstą
Android EditText rodinys prilygsta ASP ir C# Textbox arba JAVA JTextField, tai valdiklis, leidžiantis fiksuoti vartotojo įvestą tekstą vykdymo metu.
pasirinkimo langelis
Žymės langelio valdiklis naudojamas programos parinktims pažymėti arba atžymėti. Būdas, kaip jį apibrėžti sąsajoje, ir ypatybės, kurias galima valdyti naudojant kodą, yra analogiškos tiems, kurie komentuojami ToogleButton valdiklyje.
Šis valdiklis paveldimas iš TextView valdiklio, todėl visos šio valdiklio formatavimo parinktys galioja ir žymimajam laukeliui.
Programos kode galite patikrinti, ar šis valdiklis pasirinktas, ar ne, naudodami metodą isChecked(), kuris grąžina TIESA jei buvote atrinktas arba klaidinga kitu atveju taip pat galite naudoti metodą setChecked(value) norėdami nustatyti konkrečią valdiklio būseną, kur reikšmė TIESA būtų skirtos atrinktoms ir klaidinga nepasirinkta.
Įvykis, kuris paprastai yra užprogramuotas šiam valdikliui ir kuris vykdomas kiekvieną kartą, kai pasikeičia jo būsena (pasirinkta / nepasirinkta), yra CheckedChanged.
radijo mygtukas
Kaip ir žymės langelio valdiklis, radijo mygtukas skirtas pažymėti arba panaikinti tam tikros parinkties žymėjimą, skirtumas yra pasirinkimo tipe, kurį norite atlikti. Radijo mygtukai paprastai naudojami grupėse, siekiant apibrėžti parinkčių rinkinį, iš kurio galite pasirinkti tik vieną, t. y. kiekviena parinktis yra viena kitą paneigianti, todėl pasirenkant anksčiau pasirinktą parinktį bus automatiškai atžymėta. Šias grupes apibrėžia elementas „RadioGroup“, kuriame savo ruožtu bus visi „RadioButton“ elementai, atspindintys parinktis.
„RadioGroups“ gali nustatyti „android:orientation“ ypatybę į „Vertikali“ arba „Horizontali“, kad nustatytų, kaip bus tvarkomi joje esantys radijo mygtukai.
Savo ruožtu RadioButton, be pločio ir aukščio, turi apibrėžti ypatybę android:text, kad susietų pateiktos parinkties tekstą, ir android:id, kad susietų kodą su valdikliu, kad jį būtų galima valdyti pagal programos logiką.
Norint valdyti valdymą iš programos logikos, gali būti naudojami įvairūs metodai, tarp kurių randame check(aš eičiau), kuris naudojamas norint nustatyti radijo mygtuką, identifikuotą su ID, kuris perduodamas kaip pasirinktas parametras, metodas clearCheck() naudojamas panaikinti visų grupės radijo mygtukų žymėjimą, o metodas getCheckedRadioButtonId() naudojamas norint gauti akutę, kuri yra pasirinktoje grupėje, arba reikšmę -1, jei nepasirinktas joks elementas.
Svarbiausias šio valdymo įvykis taip pat yra onCheckedChanged, kuris suaktyvinamas, kai pasirenkamas grupės elementas (atminkite, kad grupės elemento pasirinkimas rodo kito pasirinkimo panaikinimą).
Ir viskas, tai yra keletas pagrindinių grafinių komponentų, kuriuos naudosime viso kurso metu, kituose įrašuose tęsime kitus komponentus ar maketus.
Tai taip pat gali jus sudominti.
Ar norite ką nors pridėti ar pakomentuoti apie šį įrašą? drąsiai daryk….O jei patiko... Kviečiu pasidalinti y Prenumeruokite spustelėdami mygtuką „Prisijungti prie šios svetainės“, kad išgirstumėte daugiau tokių įrašų 😉