Grafik komponentlar foydalanuvchiga tizim bilan o'zaro aloqada bo'lish imkonini beradigan elementlarga mos keladi, GUI haqida gapirganda biz grafik foydalanuvchi interfeyslariga murojaat qilamiz, shuning uchun bu interfeyslar tugmalar, menyular, piktogrammalar, matn maydonlari kabi grafik elementlar orqali qurilgan. teglar va boshqalar. matn, boshqalar qatorida, GUI vizual dizaynni va ushbu dizayn bilan bog'liq hodisalarni birlashtiradi, shuning uchun biz tugma qo'shsak, foydalanuvchi tomonidan bosilganda ushbu tugma bilan bog'liq hodisani dasturlashimiz kerak.
Yuqorida aytib o'tilganidek, XML fayllaridan foydalaniladigan grafik komponentlarga e'tibor qaratamiz, yuqorida aytib o'tilgan ba'zi xususiyatlarni ko'rib chiqamiz.
Asosiy xususiyatlar.
Keling, grafik komponentlarda qo'llaniladigan ba'zi bir asosiy xususiyatlarni ko'rib chiqaylik, ular turidan qat'iy nazar har qanday komponentga qo'llanilishi mumkin, chunki yuqorida aytib o'tilganidek, barcha komponentlar Ko'rishlar bo'lib, ular bir xil xususiyatlarga ega, eng ko'p ishlatiladiganlari:
android: id.
Juda muhim xususiyat, chunki u boshqaruv uchun identifikatorni aniqlash imkonini beradi, bu xususiyat har qanday ko'rinishga tayinlanadi, masalan, agar u ma'lumotlarni kiritish maydoniga tayinlangan bo'lsa, u foydalanuvchi ma'lumotlarini olish uchun ishlatiladi, shuning uchun biz uni farqlovchi nomdan foydalanishimiz kerak. aniq.
Identifikatorni yaratishning to'g'ri yo'li quyidagicha:
android: id="@+id/miTextField"
Belgisi @+id/ yangi identifikator yaratilayotganligini bildiradi, bu sinfni yaratadi R. loyihaning gen paketidan ushbu ob'ektga havola yarating, shunda u keyinchalik kod bilan boshqarilishi mumkin.
Misolda identifikator "myTextField" komponent uchun.
android: layout_width.
Ko'rinish bilan bog'liq kenglikni belgilaydi, u majburiy xususiyatdir va uning qiymati mutlaq qiymatlarda yoki quyidagi ikkita qiymatdan birini ko'rsatish orqali aniqlanishi mumkin:
-
wrap_content (Mazmuniga ko'ra bo'sh joyni egallaydi)
-
match_parent (Barcha bo'sh joyni egallaydi)
Misol:
android:layout_width="match_parent"har qandayandroid:layout_width="290dp"
android: layout_height.
Ko'rinish bilan bog'liq balandlikni belgilaydi, u majburiy xususiyatdir va uning qiymati mutlaq qiymatlarda aniqlanishi yoki quyidagi ikkita qiymatdan birini ko'rsatishi mumkin:
-
wrap_content (Mazmuniga ko'ra bo'sh joyni egallaydi)
-
match_parent (Barcha bo'sh joyni egallaydi)
Misol:
android:layout_height="wrap_content"har qandayandroid:layout_height="58dp"
android: layout_margin.
Komponent uchun chegarani belgilaydi, uning ustida, pastda va yon tomonlarida bo'sh joy o'rnatishga imkon beradi, agar siz mustaqil bo'shliqlar berishni xohlasangiz, uni variantlar sifatida marginLeft, marginRight, marginTop yoki marginBottom (yoki barchasi) xususiyatlaridan foydalanish mumkin.
Misol: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: maslahat.
Bu xususiyat foydalanuvchi hali ma'lumot kiritmagan paytda matnni boshqaruvda yordam sifatida ko'rsatishga imkon beradi. (Matn xususiyatidan afzal)
Misol: android:hint="Ismni kiriting"
android: kirish turi.
U matn maydoni uchun qanday turdagi kiritishga ruxsat berilishini aniqlaydi, bu ma'lumotlarni tekshirishning bir turiga imkon beradi va shuningdek, operatsion tizimga qaysi turdagi (virtual) klaviaturadan foydalanishni aytadi.
Biz ushbu mulk bilan bog'lashimiz mumkin bo'lgan variantlar orasida quyidagilar mavjud:
- Matn
- raqam
- tekstura
- matn paroli
- telefon
- uchrashuv
- Matnli elektron pochta manzili
Ehtiyojga qarab ishlatilishi mumkin bo'lgan ko'plab boshqa variantlar mavjud.
Misol: android:inputType="raqam" | android:inputType="textEmailAddress"
android: textSize.
Ekranda ko'rsatiladigan matn uchun o'lchamni belgilaydi, matnlar uchun sp dan foydalanilganda o'lchov birliklari hisobga olinishi kerak.
Misol: android: textSize="25sp"
android: uslub matni.
Matnni oddiy, qalin, kursiv (yoki ikkalasi) sifatida belgilashga qodir bo'lgan matn uchun uslubni belgilaydi.
Misol: android: textStyle = "qalin" | android:textStyle="italik" | android:textStyle="bold|italic"
android: textColor.
“Ranglar” xossalari faylidan yoki oʻn oltilik qiymatdan rang qoʻshish imkoniyatiga ega boʻlgan matn uchun rangni belgilaydi.
Misol: android: textColor="@color/teal_700" | android: textColor="#9C27B0"
android: fon Tint.
Komponent uchun fon rangini belgilaydi, siz rangni "ranglar" xususiyatlaridan yoki o'n oltilik qiymatdan ham olishingiz mumkin
Misol: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android: matn.
Ko'rinish bilan bog'langan matn mazmunini belgilaydi. Uning qiymati to'g'ridan-to'g'ri tayinlanishi mumkin bo'lsa-da, resurslar papkasida mavjud bo'lgan strings faylidan foydalanish tavsiya etiladi.
Misol: android: text="Bienvenidos" | android: text="@string/title"
Bu xususiyat qurilma interfeysida matnni aks ettiruvchi ko'rinishlarda keng tarqalgan. Quyidagi ekranda matnlar uchun turli qiymatlar qo'shilgan strings.xml resurs fayli ko'rsatilgan
va keyinchalik bu qiymatlarga ko'rinishlardan kirish mumkin
Oldingi xususiyatlarni tozalagandan so'ng, asosiy grafik komponentlar nima ekanligini ko'rib chiqamiz.
Tugma.
Bular biz bilgan asosiy tugmalarga mos keladi, u faqat ichki matni va belgilangan chetiga ega tugmani ko'rsatadi.
Tugma bosilganda hodisani kutishning asosiy funktsiyasini bajaradi.
almashtirish tugmasi
ToggleButton turi 2 ta mumkin bo'lgan holatda saqlanishi mumkin bo'lgan tugma turiga mos keladi, bosilgan yoki bosilmagan, buning uchun nafaqat bitta matn xususiyati, balki hozirgi holatiga qarab 2, xususiyatlaridan foydalangan holda aniqlanadi. android: textOn va android:textOff.
An'anaviy tugmalar singari, ToggleButton ham bosish hodisasiga javob berish uchun dasturlashtirilishi mumkin, ammo siz uning qanday holatda ekanligini bilishingiz kerak. Buni isChecked() usuliga murojaat qilish orqali amalga oshirish mumkin, u bosilganda true qiymatini qaytaradi, aks holda false qiymatini qaytaradi.
qatnov
Bu boshqaruv tugmasi ToggleButton ishiga juda o'xshash, lekin boshqa vizual ko'rinishga ega kalitni simulyatsiya qilishi mumkin.
Esda tutingki, biz foydalanayotgan Android versiyasiga qarab, komponentlarimizning vizual ko'rinishi o'zgarishi mumkin, bu holda Android 5.0 va undan yuqori versiyalari uchun Switch kontrolleri quyidagicha ko'rinadi:
ImageButton
Ushbu turdagi tugmalar odatdagidek matn o‘rniga foydalanuvchiga ko‘rsatiladigan rasmni unga bog‘lash imkonini beradi, buning uchun rasmni /res/drawable papkalaridan olib, android:src xususiyatidan foydalanib yuklashimiz mumkin, bu holda biz tasvirni to'g'ridan-to'g'ri Android resurslaridan foydalanamiz.
TextView
Bular foydalanuvchilarga ko'rsatiladigan asosiy matn teglariga mos keladi, ular boshqa tillarda teglar deb nomlanadi va android:text xususiyati bilan bog'langan matnni ko'rsatishga imkon beradi, bu teglar boshqa xususiyatlarga ega bo'lib, ularning o'lchamini, fonini boshqarish imkonini beradi. rang, rang va shrift turi, uslubi va boshqalar.
matnni tahrirlash
Android EditText ko'rinishi ASP va C# Textbox yoki JAVA JTextField-ga ekvivalent bo'lib, u ish vaqtida foydalanuvchi tomonidan kiritilgan matnni yozib olishga imkon beruvchi boshqaruv elementidir.
tanlash qutisi
Tekshirish qutisi ilovadagi parametrlarni tekshirish yoki olib tashlash uchun ishlatiladi. Uni interfeysda aniqlash usuli va uni kod bilan boshqarish uchun mavjud bo'lgan xususiyatlar ToogleButton boshqaruvida sharhlanganlarga o'xshash.
Ushbu boshqaruv TextView boshqaruvidan meros bo'lib o'tadi, shuning uchun ushbu boshqaruv uchun yuqorida aytib o'tilgan barcha formatlash parametrlari tasdiqlash qutisi uchun ham amal qiladi.
Ilova kodida siz ushbu boshqaruv tanlangan yoki tanlanmaganligini isChecked() usuli orqali tekshirishingiz mumkin. TO'G'RI agar siz tanlangan bo'lsangiz yoki yolg'on aks holda siz boshqaruv uchun ma'lum holatni o'rnatish uchun setChecked(value) usulidan ham foydalanishingiz mumkin, bu erda qiymat TO'G'RI tanlangan va uchun bo'ladi yolg'on tomonidan tanlanmagan.
Odatda bu boshqaruv uchun dasturlashtirilgan va uning holati har safar o'zgarganda (tanlangan/tanlanmagan) bajariladigan hodisa onCheckedChanged hisoblanadi.
radio tugmasi
CheckBox boshqaruvi singari, RadioButton ham berilgan variantni tekshirish yoki olib tashlash uchun xizmat qiladi, farq siz tanlamoqchi bo'lgan tanlov turida. RadioButtons odatda guruhlarda siz faqat bittasini tanlashingiz mumkin bo'lgan variantlar to'plamini aniqlash uchun ishlatiladi, ya'ni har bir variant bir-birini istisno qiladi, shuning uchun opsiyani tanlashda avval tanlangani avtomatik ravishda bekor qilinadi. Ushbu guruhlar RadioGroup elementi tomonidan belgilanadi, ular o'z navbatida variantlarni ifodalovchi barcha RadioButton elementlarini o'z ichiga oladi.
RadioGroups android:orientation xususiyatini "Vertikal" yoki "Gorizontal" ga o'rnatishi mumkin, bu uning tarkibidagi RadioButtons qanday buyurtma qilinishini aniqlashi mumkin.
RadioButton, o'z navbatida, kenglik va balandlikdan tashqari, ko'rsatilgan variant matnini bog'lash uchun android:text xususiyatini va dastur mantig'idan boshqarilishi uchun kodni boshqaruv elementiga bog'lash uchun android:id xususiyatini belgilashi kerak.
Ilova mantig'idan boshqaruvni manipulyatsiya qilish uchun turli usullardan foydalanish mumkin, ular orasida biz chekni topamiz (ketardim) tanlangan radiotugmani parametr sifatida qabul qilingan identifikator bilan o'rnatish uchun foydalaniladi, clearCheck() usuli guruhdagi barcha radiotugmalarni olib tashlash uchun ishlatiladi va getCheckedRadioButtonId() usuli identifikatorning identifikatorini olish uchun ishlatiladi. tanlangan guruh ichida joylashgan radio tugma yoki hech qanday element tanlanmagan bo'lsa -1 qiymati.
Ushbu boshqaruvning eng muhim hodisasi ham onCheckedChanged bo'lib, u guruhning elementi tanlanganda ishga tushadi (esda tutingki, guruh elementini tanlash boshqasini tanlash bekor qilinganligini bildiradi).
Va hamma narsa, bular biz kurs davomida ishlatadigan asosiy grafik komponentlar, keyingi postlarda biz boshqa komponentlar yoki maketlar bilan davom etamiz.
Bu sizni ham qiziqtirishi mumkin.
Ushbu yozuvga qo'shmoqchi yoki fikr bildirmoqchi bo'lgan biror narsa bormi? bemalol qiling....Va agar sizga yoqqan bo'lsa ... sizni baham ko'rishga taklif qilaman Y Shunga o'xshash ko'proq xabarlarni eshitish uchun "Ushbu saytga qo'shiling" tugmasini bosib obuna bo'ling 😉