Flutter Android Studioda asosiy komponentalar bilan ishlash Layout, Table ListView Grid List va boshqalar

Информация о документе

Цена	3000UZS
Размер	1.7MB
Покупки	0
Дата загрузки	04 Август 2023
Расширение	pptx
Раздел	Презентации
Предмет	Информатика и ИТ

Flutter Android Studioda asosiy komponentalar bilan ishlash Layout, Table ListView Grid List va boshqalar

Купить

Reja: 1. Flutter: Android Studioda asosiy komponentalar bilan ishlash 2. Layout, Table, ListView, Grid, List lar haqida umumiy ma’lumot

Palette • Palette panelida foydalanuvchi interfeysi komponentlari mavjud: View, Layouts, ViewGroup.

LinearLayout • Layout da ikkita variant mavjud: Horizontal va Vertical . • LinearLayout tartibi barcha q ob'ektlar bir yo'nalishda — vertikal yoki gorizontal ravishda moslashtiradi. • Yo'nalish Android yo'nalishi xususiyati bilan belgilanadi: orientation :

• android:orientation="horizontal" • android:orientation="vertical"

Misol • <?xml version="1.0" encoding="utf-8"?> • <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" • android:layout_width="match_parent" • android:layout_height="match_parent" • android:orientation="vertical"> • <LinearLayout • android:layout_width="match_parent" • android:layout_height="match_parent" • android:layout_weight="1" • android:orientation="horizontal"> • <TextView • android:layout_width="wrap_content" • android:layout_height="fill_parent" • android:layout_weight="1" • android:background="#aa0000" • android:gravity="center_horizontal" • android:text="red"/> • <TextView • android:layout_width="wrap_content" • android:

Natija: • Ushbu misolda TextView elementlarini gorizontal va vertikal ravishda joylashtirishning ikkita usuli qo'llaniladi .

• LinearLayout markirovkasi android- ning qiziqarli xususiyatiga ega : layout_weight , bu ichki elementining egallaydigan joyini bildiradi. Ushbu xususiyat taqdimotning "ahamiyati" ni belgilaydi va bu elementni qolgan bo'sh joyni to'ldirish uchun kengaytirishga imkon beradi. Standart holda 0 ga teng bo’ladi.

• Misol uchun, agar uchta matn maydoni mavjud bo'lsa va ularning ikkitasi 1 qiymatida bo’lsa, ikkinchisiga hech qanday qiymat (0) berilmagan bo'lsa, u holda uchinchi matn maydoni kengaytirilmaydi va bu maydon tomonidan ko'rsatilgan matn hajmi bilan belgilanadigan maydonni egallaydi. Boshqa ikkitasi uchinchi maydon bilan band bo'lmagan bo'sh joyni to'ldirish uchun bir xil darajada kengayadi. Agar uchinchi maydon 2 (0 o'rniga) hajmda belgilansa, bu maydon boshqa ikki kishiga qaraganda "muhimroq" deb e'lon qilinadi, shuning uchun uchinchi maydon umumiy maydonning 50 foizini oladi, dastlabki ikkitasi umumiy maydonning 25 foizini oladi

• Bundan tashqari, Android xususiyatini ham belgilashingiz mumkin : weightSum . Agar atribut 100 qiymatini belgilasa, unda biz ichki matnlarning oladigan joy hajmini foiz sifatida qulay shaklda ko’rsatishimiz mumkin. Ushbu usul veb-ustalar tomonidan keng qo'llaniladi.

TabLayout/TabItem • TableLayout, masalan, Sudoku, Tic-toe va boshqalar kabi mantiqiy o'yinlar yaratishda foydalanish uchun qulay. • TableLayout uchun ba'zi qoidalar mavjud. Birinchidan, har bir ustunning kengligi ustundagi eng keng tarkib bilan belgilanadi. Ichki elementlari atributlarda match_parent qiymatini ishlatadi . Layout_height uchun TableRow xususiyati har doim wrap_content . • Agar Android xususiyati: " * " qiymatini belgilash uchun TableLayout komponentining stretchColumns bo'lsa, har bir TableRow komponentining tarkibi tartibning to'liq kengligiga cho'zilishi mumkin.

Misol Ob-havo prognozi jadvalini yaratish Misol uchun, ob-havo prognozi jadvalini yaratish uchun quyidagi dizayndan foydalanish mumkin: • Birinchi qatorda jadval sarlavhasini ko'rsatish • Ikkinchi qatorda taqvim turiga ko'ra sanalar ko'rsatiladi • Uchinchi qatorda eng yuqori haroratni ko'rsating • To'rtinchi qatorda eng past haroratni ko'rsating • Beshinchi qatorda grafiklarni ko'rsatish (yomg'ir, qor, bulut, quyosh)

ListView • Android-ning dastlabki versiyalarida ListView komponenti interfeysning eng mashhur elementlaridan biri bo'ldi. • ListView -elementlarning aylanadigan ro'yxati.

• ListView komponenti TextView va boshqa oddiy elementlarga nisbatan qo'llaniladi. Ro'yxat bilan ishlash ikki qismdan iborat. • Birinchidan, biz ListView formasiga qo'shamiz va keyin uni ro'yxat elementlari bilan to'ldiramiz.

• Biroq, agar XML kodini ko'rib chiqsak, u erda hech narsa ko'rilmaydi. <ListView android:id="@+id/listView“ android:layout_width="match_parent" android:layout_height="wrap_content" > </ListView>

$• Mainactivity oynasiga o’tib quyidagilarni yozamiz • // kod onCreate usulida yozilgan()// ListView elementining namunasini oling • ListView listView = findViewById(R.id.listView); • // string qator aniqlashfinal • String[] cat Names = new String[] • {"Ryjik", "Barsik", "Murzik", "Murka", "Vaska","Thomasina", "Kristina"," Qurol", "Smoke", "Kuzya","Kiti", "Masyanya", "Simba"}; • // ma'lumot adapteridan foydalaningArrayAdapter<String> adapter = new ArrayAdapter<>(this,android.R.layout.simple_list_item_ 1, catNames);listView.setAdapter(adapter);$

• ListView komponenti to'ldirish uchun ma'lumotlarni talab qiladi. To'ldirish manbai massivlar, ma'lumotlar bazalari bo'lishi mumkin. Ma'lumotni ro'yxatga ulash uchun adapter deb ataladi. • Standart ro'yxat uchun adapter odatda yangi ArrayAdapter(Context context, int textViewResourceId, String[] objects) dizayni yordamida yaratiladi. • context -joriy kontekst • textViewResourceId- har bir satr uchun belgilar bilan resurs identifikatori. Tizim belgilarini Android identifikatori bilan ishlatish mumkin. R.layout.simple_list_item_1 yoki o'z belgilarini yaratish • ob'ektlar -qatorlar • SetAdapter usuli(ListAdapter) tayyorlangan ro'yxatni adapter bilan bog'laydi.

GridLayout • Android 4.0-da GridLayout ( Asboblar panelidagi Layouts bo'limi) nomi ostida yangi tartib paydo bo'ldi. Bir qarashda TableLayout kabi ko'rinishi mumkin . Lekin, aslida, bu juda ham qulay va funktsionaldir. Va yangi platforma uchun ishlab chiqilgan yangi loyihalarda o'rganish va undan foydalanish tavsiya etiladi.

• Android kutubxonasiga Android klassi qo'shildi. support.v7.widget.GridLayout , bu komponentni eski qurilmalar uchun ishlatishga imkon beradi. • • Belgilar Android sinfiga tegishli .widget.GridLayout va TableLayout kabi ustunlar, qatorlar, hujayralar mavjud , ammo elementlar moslashuvchan tarzda sozlanishi mumkin.

• Ustunlar va qatorlar soni Android atributlari tomonidan ishlatiladi: columnCount="number" va andro id: rowCount="number" .

Misol • <?xml version="1.0" encoding="utf-8"?> • <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" • android:layout_width="wrap_content" • android:layout_height="wrap_content" • android:layout_gravity="center" • android:columnCount="4" • android:orientation="horizontal" > • <Button android:text="1" /> • <Button android:text="2" /> • <Button android:text="3" /> • <Button android:text="4" /> • <Button android:text="5" /> • <Button android:text="6" /> • <Button android:text="7" /> • <Button android:text="8" /> • <Button android:text="9" /> • <Button android:text="10" /> • <Button android:text="11" /> • <Button android:text

GridView • GridView komponenti tekis jadval hisoblanadi. GridView uchun ArrayAdapter yoki BaseAdapter sinfidan olingan sinfni yaratish va uning getView usulini () qayta tuzish orqali ma'lumotlar elementlarini ko'rsatish uchun o'z maydonlarini ishlatish mumkin . • GridView uchun ustunlar soni tez-tez statik tarzda o'rnatiladi. Elementdagi qatorlar soni adapter taqdim etadigan elementlarning soniga qarab dinamik ravishda aniqlanadi.

Xususiyatlari • android — numColumns-ustunlar sonini aniqlaydi. Agar qiymat berilgan bo'lsa auto_fit, tizim mavjud maydonga asoslangan ustunlar sonini hisoblab chiqadi • android — verticalSpacing-jadval hujayralari orasidagi bo'sh joy hajmini belgilaydi • android:columnWidth -ustunlar kengligini o'rnatadi • android — stretchMode-bo'sh joy qoldig'ini belgilangan Android qiymati bilan jadval uchun ajratilganligini ko'rsatadi: numColumns="auto_fit" . Ustunlar xujayralari orasidagi bo'sh joy qoldig'ini kengaytirish uchun yoki spacingWidth — hujayralar orasidagi bo'shliqni kengaytirish uchun columnWidth qiymatlarini qabul qiladi

Адабиётлар ва интернет ресурслар • “ Beginning Android TM 4 Application Development”, by Wei-Meng Lee, printed at Radha Offset, Delhi in 2013, pages – 533. Chapter-1. Getting started with Android programming • “ Android TM Application Development Cookbook”, by Wei-Meng Lee, printed at Sharda Offset Press, Delhi in 2013, pages – 385. • http://www.tutorialspoint.com/android/ android_environment_setup.htm • http://www.wikihow.com/Set-up-an-Android- Development-Environment • http://www.tutorialspoint.com/android/ android_architecture.htm • http://developer.android.com/sdk/index.html • http://opennet.uz/timnet4u/androidda-tezkor-emulator- genymotion-virtual-mashinasidan-foydalanish.html

Купить

Похожие документы
Operatsion tizimlarda journaling file system
I/O scheduling algoritmlari
O‘rta Osiyo kutubxonalarining o‘rganilish masalalari
Funksiyalar va arrow function
Tashkilot xodimlari ma’lumotlarini jamlovchi tizim

Информация о документе

Продавец

Flutter Android Studioda asosiy komponentalar bilan ishlash Layout, Table ListView Grid List va boshqalar

Похожие документы