Android Studio Layout Komponentlari Ma'ruza-8 2024 PDF

Ма’ruza-8 Android Studioda asosiy komponentalar bilan ishlash: Layout, Table, ListView, Grid, List va boshqalar.  Reja 1. Layout lar 1. LinearLayout 2. TableLayout 3. RelativeLayout 4. FrameLayout 2. GUI komponentlari:Views va ViewGroup lard...

Ма’ruza-8 Android Studioda asosiy komponentalar bilan ishlash: Layout, Table, ListView, Grid, List va boshqalar.  Reja 1. Layout lar 1. LinearLayout 2. TableLayout 3. RelativeLayout 4. FrameLayout 2. GUI komponentlari:Views va ViewGroup lardan foydalanish 3. Savol-javoblar/muhokamalar 4. Adabiyotlar Android Studio dasturida foydalanuvchi interfeysini yaratishda Layout komponentlari muhim rol o'ynaydi. Layoutlar sizga ekran elementlarini tashkil qilish, joylashtirish va ular o'rtasidagi munosabatlarni belgilash imkonini beradi. Layout komponentlarining umumiy tasnifi 1 LinearLayout 2 RelativeLayout Elementlarni gorizontal yoki vertikal ravishda joylashtirish Elementlarni bir-biriga nisbatan joylashtirish imkonini beradi. uchun mo'ljallangan. LinearLayout bir nechta parametrlarga Bu sizga elementlarni boshqa elementlarga nisbatan, ekran ega, masalan, gravity, orientation va weight. chekkasiga nisbatan yoki ota-ona ViewGroup'iga nisbatan joylashtirishga imkon beradi. 3 ConstraintLayout 4 FrameLayout Elementlar o'rtasidagi munosabatlarni belgilash uchun Bir nechta elementlarni bir xil joyga joylashtirish imkonini mo'ljallangan, masalan, bir elementning chekkasi boshqa beradi. Ushbu elementlarning faqat bittasi bir vaqtda elementning chekkasi bilan tenglashtirilgan yoki element ko'rinadi, odatda eng yuqori darajadagi element. ma'lum bir chekkadan ma'lum bir masofada joylashgan. 5 TableLayout 6 GridLayout Jadval shaklida joylashtirilgan elementlardan tashkil topgan Elementlarni matritsa shaklida joylashtirish uchun ishlatiladi. layout bo‘lib, har bir qatorni TableRow komponenti orqali rowCount va columnCount atributlari orqali matritsaning belgilaydi. TableLayout ning har bir qatori bir nechta qator va ustunlar sonini belgilash mumkin. ustunlarga bo‘lingan bo‘lib, har bir ustunda alohida element joylashadi. LinearLayout tarkibiy qismlari va xususiyatlari Tarkibiy qismlar Xususiyatlar orientation LinearLayout elementlarni bir qatorda gorizontal yoki gravity vertikal ravishda joylashtiradi. Elementlar o'rtasidagi bo'shliqlarni belgilash uchun padding va margin weight xususiyatlaridan foydalanishingiz mumkin. layout_width layout_height RelativeLayout strukturasi va ishlash printsipi Elementlarni joylashtirish 1 RelativeLayout elementlarni bir-biriga nisbatan, ekran chekkasiga nisbatan yoki ota-ona ViewGroup'iga nisbatan joylashtirish imkonini beradi. 2 Bo'shliqlarni boshqarish RelativeLayout elementlar o'rtasidagi bo'shliqlarni boshqarish uchun padding va margin xususiyatlaridan Munosabatlarni belgilash 3 foydalanadi. RelativeLayout elementlar o'rtasidagi munosabatlarni belgilash uchun below, above, align, position va margin xususiyatlaridan foydalanadi.  RelativeLayout – RelativeLayout хml faylida elementni o'rnatish uchun biz quyidagi atributlarni qo'llashimiz mumkin: android:layout_above : Elementni belgilangan identifikatorga ega element ustida joylashtiradi android:layout_below : Elementni belgilangan identifikatorli element ostida joylashtiradi android:layout_toLeftOf : belgilangan Id bilan elementning chap tomonida joylashgan android:layout_toRightOf : belgilangan identifikatorga ega elementning o'ng tomonida joylashgan android:layout_toStartOf : Joriy elementning boshini belgilangan identifikatorga ega element boshlanadigan joyga joylashtiradi. android:layout_toEndOf : Joriy elementning boshini belgilangan identifikatorga ega element tugaydigan joyda joylashtiradi. android:layout_alignBottom : Elementni belgilangan Id bilan boshqa elementning pastki chegarasiga tenglashtiradi android:layout_alignLeft : Elementni belgilangan identifikator bilan boshqa elementning chap chetiga tekislaydi android:layout_alignRight : Elementni belgilangan identifikator bilan boshqa elementning o'ng chetiga tekislaydi android:layout_alignStart : Elementni belgilangan identifikatorga ega boshqa element boshlanadigan chiziq bo'ylab tekislaydi android:layout_alignEnd : Elementni belgilangan identifikatorga ega boshqa element tugaydigan qatorga tekislaydi ConstraintLayout imkoniyatlari va foydalanish holatlari Moslashuvchanlik Samaradorlik ConstraintLayout elementlarni ConstraintLayout RelativeLayoutga ekran o'lchamlariga qaraganda samaraliroq, chunki u moslashuvchan qilib joylashtirish kamroq ko'rinish ierarxiyasini talab imkonini beradi. Bu turli xil ekran qiladi. Bu dastur ishlashini o'lchamlariga ega qurilmalarda yaxshilashga yordam beradi. foydalanuvchi interfeysini yaxshiroq ko'rinishini ta'minlaydi. Foydalanish holatlari ConstraintLayout murakkab foydalanuvchi interfeyslari, masalan, turli xil elementlarni joylashtirishni talab qiladigan va ekran o'lchamlariga moslashishni talab qiladigan interfeyslarni yaratish uchun ideal. FrameLayout va uning qo'llanish sohasi Elementlarni joylashtirish FrameLayout bir nechta elementlarni bir xil joyga joylashtirish imkonini beradi. Ushbu elementlarning faqat bittasi bir vaqtda ko'rinadi, odatda eng yuqori darajadagi element. Qo'llanish sohasi FrameLayout odatda dialoglar, o'tish animatsiyalari va bo'shliqlarni boshqarish uchun ishlatiladi. Xususiyatlar FrameLayout elementlarni bir-birining ustiga joylashtiradi va eng yuqori darajadagi element ko'rinadi. Grid Layout tuzilmasi va undan foydalanish Tarkibiy qismlar Xususiyatlar rowSpec Satrlar soni va ularning o'lchamlarini belgilash colSpec Ustunlar soni va ularning o'lchamlarini belgilash alignment Elementlarni satr va ustunlar ichida qanday joylashtirishni belgilash Scroll View strukturasi va uning xususiyatlari Tarkibiy qismlar Scroll View bir nechta elementlarni o'z ichiga olishi mumkin va ularni foydalanuvchi vertikal yoki gorizontal ravishda aylantirishi mumkin. Xususiyatlar Scroll View vertikal yoki gorizontal aylantirishni qo'llab-quvvatlaydi va foydalanuvchi aylantirish paytida qaysi joyda ekanligini ko'rsatadigan scrollbarni taqdim etadi. Qo'llanish sohasi Scroll View katta miqdordagi ma'lumotlarni ko'rsatish uchun, masalan, ro'yxatlar, jadvallar va matnlarni ko'rsatish uchun ishlatiladi. Material Design Layout komponentlari Card Button Foydalanuvchi interfeysida ma'lumotlarni tashkil qilish va Foydalanuvchining interfeys bilan o'zaro aloqasini amalga ko'rsatish uchun ishlatiladi. Card elementlari odatda o'z oshirish uchun ishlatiladi. Button elementlari turli xil ichiga ma'lumotni, tasvirni yoki ikkalasini birlashtiradi. uslublarga ega va foydalanuvchi harakatlariga ta'sir qilish uchun animatsiyalarni qo'llab-quvvatlaydi. Layout tanlash va moslash bo'yicha yuqori samaradorlik uchun maslahatlar 1 Maqsadlaringizni aniqlang 2 Layoutlarni birlashtiring Foydalanuvchi interfeysi uchun qanday Turli xil layoutlarni birlashtirib, siz layoutni tanlash kerakligi to'g'risida murakkab va samarali foydalanuvchi qaror qabul qilishdan oldin, dastur interfeyslari yaratishingiz mumkin. uchun qanday maqsadlarga erishishni Masalan, siz LinearLayoutni gorizontal xohlayotganingizni aniqlash muhimdir. ravishda elementlarni joylashtirish uchun, RelativeLayoutni boshqa elementlarga nisbatan elementlarni joylashtirish uchun va ConstraintLayoutni moslashuvchanlikni ta'minlash uchun ishlatishingiz mumkin. 3 Performance-ni optimallashtiring Layout-larni yaratishda iloji boricha kamroq View va elementlarni ishlatishga harakat qiling. Bu dasturning ishlashini yaxshilashga yordam beradi.  mm Android Studio GUI (Graphical User Interface) komponentlari mobil ilovalarning foydalanuvchi interfeysini yaratishda ishlatiladigan asosiy elementlardir. TextView va EditText TextView EditText TextView matn ko'rsatish uchun ishlatiladigan EditText foydalanuvchidan matnli ma'lumotlarni komponent hisoblanadi. Odatda statik yoki kiritish uchun ishlatiladi. Foydalanuvchi uchun o'zgarmas matnlarni chiqarishda foydalaniladi. turli maydonlar (masalan, login, parol, qidiruv) yaratish imkonini beradi. Atributlari: android:text, android:textColor, Atributlari: android:hint, android:inputType android:textSize. (masalan, parol uchun textPassword). TextView: Matn Ko'rsatish San'ati TextView Android ilovalarida matn ko'rsatish uchun ishlatiladigan asosiy komponentdir. U oddiy ko'rinishiga qaramay, juda ko'p imkoniyatlarga ega. TextView orqali siz ilovangizda turli xil matnlarni - sarlavhalar, tavsiflar, ma'lumotlar va boshqalarni namoyish etishingiz mumkin. TextView'ning eng muhim xususiyatlaridan biri uning moslashuvchanligidir. Siz matn o'lchamini, rangini, shriftini, joylashuvini va boshqa ko'plab parametrlarini sozlashingiz mumkin. Masalan, "android:textSize" atributi orqali matn o'lchamini, "android:textColor" orqali rangini, "android:fontFamily" orqali esa shriftini o'zgartirishingiz mumkin. Asosiy atributlar Qo'shimcha funksiyalar android:text, android:textColor, android:textSize Matnni formatlash, havolalar qo'shish, emoji qo'llab- quvvatlash Kengaytirilgan xususiyatlar Muammolarni hal qilish Matnni avtomatik o'lchash, ko'p qatorli matnlar bilan ishlash Matn kesib tashlash, scroll qilish, turli ekranlarga moslashish EditText: Foydalanuvchi Kiritishining Markaziy Nuqtasi EditText komponenti Android ilovalarida foydalanuvchidan ma'lumot olishning asosiy vositasidir. U foydalanuvchilarga matn, raqam yoki boshqa turdagi ma'lumotlarni kiritish imkonini beradi. EditText juda moslashuvchan bo'lib, turli xil kiritish turlariga mo'ljallangan. EditText'ning eng muhim xususiyatlaridan biri - bu "android:inputType" atributi. Bu atribut yordamida siz foydalanuvchi kiritadigan ma'lumot turini belgilashingiz mumkin. Masalan, "textPassword" turi parollar uchun, "number" raqamlar uchun, "textEmailAddress" esa elektron pochta manzillari uchun ishlatiladi. Bu nafaqat ma'lumotlarni to'g'ri formatda olishga yordam beradi, balki foydalanuvchi tajribasini ham yaxshilaydi. 1 Matn kiritish Oddiy matn kiritish uchun standart EditText 2 Maxfiy ma'lumotlar Parollar va boshqa maxfiy ma'lumotlar uchun inputType="textPassword" 3 Raqamli kiritish Raqamlar va sonlar uchun inputType="number" 4 Elektron pochta E-mail manzillar uchun inputType="textEmailAddress" 5 Ko'p qatorli kiritish Katta hajmdagi matnlar uchun android:inputType="textMultiLine" Button va ImageView Button ImageView Button — foydalanuvchi harakatini boshqarish ImageView rasm yoki grafik elementlarni yoki biror amal bajarish uchun ishlatiladigan ko'rsatish uchun ishlatiladi. Odatda PNG, JPEG tugma. Har bir button uchun o'ziga xos xatti- formatdagi rasmlarni ko'rsatish uchun ishlatiladi. harakatni bog'lash mumkin. Atributlari: android:text, android:onClick. Atributlari: android:src, android:scaleType. CheckBox va RadioButton CheckBox RadioButton va RadioGroup CheckBox belgilanadigan quti bo'lib, RadioButton — foydalanuvchiga faqat bitta tanlov foydalanuvchiga bir nechta tanlovlarni belgilash qilish imkonini beradigan belgilanadigan imkonini beradi. komponent. RadioGroup bilan birgalikda bir Atributlari: android:text, android:checked. nechta RadioButton'lar uchun guruh yaratiladi. Spinner va Switch Spinner Switch Spinner — drop-down menyu ko'rinishidagi tanlov Switch ikkita holatdan birini tanlash imkonini paneli bo'lib, foydalanuvchiga bir nechta beradi: masalan, yoqish va o'chirish (ON/OFF). Bu variantlardan birini tanlash imkonini beradi. komponent parametrlarni boshqarishda qo'llaniladi. ProgressBar ProgressBar haqida ProgressBar Uzoq davom etadigan operatsiyalarni (masalan, yuklanish, hisob-kitob) ko'rsatish uchun ishlatiladi. Foydalanuvchiga biror jarayon qanchalik o'tayotganligini ko'rsatish imkonini beradi. ProgressBar misoli ListView va RecyclerView ListView RecyclerView ListView ro'yxat shaklida ma'lumotlarni ko'rsatadi RecyclerView ListView ga o'xshash, ammo va ro'yxat elementlarini aylantirish imkonini ko'proq moslashuvchan va samarali ishlaydi. beradi. Ko'plab ma'lumotlar yoki murakkab UI elementlarini ko'rsatishda ishlatiladi. WebView WebView haqida WebView orqali ilova ichida veb-sahifalarni ochish mumkin. Masalan, ilovadan chiqmasdan ma'lum bir saytni yoki sahifani ko'rsatish uchun foydalaniladi. WebView misoli CardView CardView haqida CardView misoli CardView — kartochka uslubidagi UI komponent bo'lib, ilovalarda ma'lumotlarni kartochka shaklida ko'rsatishda ishlatiladi. Ko'pincha RecyclerView bilan birgalikda qo'llaniladi. FloatingActionButton FloatingActionButton FloatingActionButton — doira shaklidagi tugma bo'lib, odatda asosiy harakatlar uchun ishlatiladi, masalan, yangi qo'shish, yozuv yaratish kabi amallarni bajaradi. Interaktiv Komponentlar Android Studio foydalanuvchi interfeysiga interaktivlikni qo'shish uchun ko'plab komponentlarni taqdim etadi. Bu komponentlar foydalanuvchi bilan aloqa o'rnatish, ma'lumotlar kiritish, tanlovlar qilish va ilova bilan o'zaro ta'sirlashish imkonini beradi. Komponent Vazifasi SeekBar Qiymatlar diapazonini sozlash uchun ishlatiladi. DatePicker Sana tanlash uchun ishlatiladi. TimePicker Vaqt tanlash uchun ishlatiladi. ColorPicker Rang tanlash uchun ishlatiladi. Savol- javoblar/ Muhokamalar  Adabiyotlar va internet resurslar 1. Beginning App Development with Flutter: Create Cross-Platform Mobile Apps. Rap Payne. APress. 2019. 2. UX-стратегия. Чего хотят пользователи и как им это дать. Джейми Леви. Издательство «Питер», 2017. 3. Nazirova E.Sh., Pardayeva G.A. «Mobil ilovalarini ishlab chiqish» fanidan o‘quv qo‘llanma Toshkent 2022. 168 bet. 4. Хo‘jayev O., Quryazov D. «Mobil ilovalarni ishlab chiqish» fanidan tajriba ishlarini bajarish bo‘yicha uslubiy ko‘rsatma. Toshkent axborot texnologiyalari universiteti Urganch filiali. 2016. 5. Nazirova E.Sh. Yuldasheva Sh., Mahmudova M.M. «Mobil ilovalarni ishlab chiqish» fani bo‘yicha o‘quv-uslubiy ko‘rsatma TATU. Toshkent 2022. 78 bet. 6. www.udemy.com 7. www.flutter.su 8. https://flutter.dev/docs