logo

Flutter Android Studio interfeysi ilk dasturni yozish va uni emulyatorda ishlatish komponentalar bilan tanishish

Yuklangan vaqt:

04.08.2023

Ko'chirishlar soni:

0

Hajmi:

2026.3388671875 KB
Flutter: Android Studio interfeysi, ilk dasturni yozish va uni emulyatorda ishlatish, komponentalar bilan tanishish Reja: 1. Flutter: Android Studio interfeysi 2. Android Studio da ilk dasturni yozish va uni emulyatorda ishlatish 3. Android Studio komponentalari bilan tanishish • Flutter Android Studio da eng oddiy matn muharriridan kodni kiritishimiz va uni konsolda tuzish imkoniyati mavjud mumkin bo&#39;lsa-da, lekin rivojlanish muhiti dasturni yozish va qurish jarayonini sezilarli darajada kamaytirishga imkon beradi. Bundan tashqari, Android Studio Flutter-da faqat Android uchun emas, balki boshqa qo&#39;llab-quvvatlanadigan platformalar uchun ilovalarni yaratishga imkon beradi. • Android Studio bilan ishlash uchun, avvalo, uni o&#39;rnatish kerak. O&#39;rnatish havolasini yuklab olish kerak  https://developer.android.com/studio . • Odatda Android Studio Flutterni qo&#39;llab- quvvatlamaydi, shuning uchun tegishli plaginni o&#39;rnatishimiz kerak. Buni amalga oshirish uchun boshlang&#39;ich ekranda Android Studio -da Plugins-ni tanlang  (yoki   file - > Settings> menyusiga o&#39;ting  va keyin ochilgan oynada Plugins-ni tanlang). Va plaginlar panelida Flutter plaginini topamiz: • Kerakli plaginni qidirishni soddalashtirish uchun qidiruv tizimiga &#34;Flutter&#34; so&#39;zini kiritishimiz mumkin va birinchi natija faqat o&#39;rnatilishi kerak. Plaginni o&#39;rnatishda dart uchun plaginni o&#39;rnatish taklifi bilan oyna ham ko&#39;rsatiladi. Bundan tashqari, uni o&#39;rnatish uchun OK ni bosing: • Plaginni o&#39;rnatganingizdan so&#39;ng Android studiyasini qayta ishga tushirishingiz kerak bo&#39;ladi. Android Strudio-da boshlang&#39;ich ekranda qayta ishga tushirilgandan so&#39;ng, biz  yangi Flutter loyihasi tugmachasini ko&#39;rishimiz mumkin : • Flutter ostida loyiha yaratish uchun ushbu tugmani bosing. • Shu bilan bir qatorda, studiyada loyiha yaratish uchun menyuga o&#39;ting  fayl - > yangi - > > yangi Flutter loyihasi > > :  Keyin biz yangi loyiha yaratish oynasini ochamiz. Chap tomonda  Flutter elementini tanlang va flutter SDK yo&#39;lidagi markazda  flutter SDK yo&#39;lini  ko&#39;rsatamiz: • Loyiha nomi sohasida loyiha nomini beramiz.  hello_app Agar taklif qilingan standart manzil mos kelmasa, loyiha joylashgan joyida loyiha manzilini o&#39;zgartirish imkoniyati mavjud • Description maydonida loyihaning tavsifi ko&#39;rsatilishi mumkin • Loyiha turi sohasida loyiha turi ko&#39;rsatiladi. Odatiy bo&#39;lib, u dastur qiymatiga ega (ya&#39;ni, loyiha dasturni yaratish uchun mo&#39;ljallangan). Ushbu standartni qoldiring. • Android language maydoni Android uchun tilni ko&#39;rsatadi. Asl qiymati qoldirish mumkin - Kotlin. • IOS language sohasida platfoma iOS uchun til ko&#39;rsatiladi. Asl qiymati qoldirish mumkin - Swift. • Platformalar sohasida siz loyihani yaratadigan platformalarni belgilashingiz mumkin.  • Odatda Android va iOS elementlari belgilanadi, ammo boshqa mavjud platformalarni tanlash mumkin.  • Va keyin barcha sozlamalarni o&#39;rnatganingizdan so&#39;ng, loyihani to&#39;g&#39;ridan-to&#39;g&#39;ri yaratish uchun &#34;tugatish&#34; tugmasini bosing. Yaratilganidan so&#39;ng, Android Studio yaratilgan loyihani ochadi: • Yaratilgan loyiha jamoa yordamida konsolda o&#39;tgan mavzuda yaratilgan bir xil tuzilishga ega bo&#39;ladi flutter create. Studiya markazida asosiy fayl ochiladi.to&#39;g&#39;ri dastur kodini o&#39;z ichiga olgan dart. • Android qurilmasini kompyuterga ulang (yoki emulyatorlardan foydalaning) va Android Studio panelida dasturni ishga tushirish uchun yashil tugmani bosing. • Xuddi shunday, Android studiyasida siz boshqa &#34;qurilmalar&#34; uchun, masalan, veb-sayt ostida loyihani ishga tushirishimiz mumkin. Buning uchun faqat asboblar panelidagi tegishli qurilmani tanlashingiz kerak: RadioGroup Ushbu sinf radio tugmalari to&#39;plami uchun bir nechta istisno doirasini yaratish uchun ishlatiladi. Radio guruhiga tegishli bitta radio tugmachani tekshirish shu guruh ichidagi ilgari tekshirilgan radio tugmachasini tekshirmaydi. Muayyan radio tugmachasini olib tashlashning iloji bo&#39;lmasa-da, tekshirilgan holatni olib tashlash uchun radio guruhini tozalash mumkin. RadioButton Radio tugmasi - bu tekshiriladigan yoki belgilanmagan ikkita holat tugmachasi.   Radio tugmasi belgilanmaganida, foydalanuvchi uni bosish yoki bosish orqali tekshirishi mumkin.   toggleButton toggleButton foydalanuvchiga ikkita holat orasidagi sozlamani o&#39;zgartirishga imkon beradi. ToggleButton Ob&#39;ekt bilan tartibingizga asosiy o&#39;tish tugmachasini qo&#39;shishingiz mumkin . Slayderni boshqarishni ta&#39;minlaydigan o&#39;chirgich deb nomlangan boshqa bir tugma tugmachasini taqdim etadi va uni  Switch ob&#39;ekt bilan qo&#39;shishingiz mumkin .  Agar tugmachaning holatini o&#39;zgartirish kerak bo&#39;lsa,  CompoundButton.setChecked () yoki  CompoundButton.toggle () usulidan foydalanishingiz mumkin . Switch Switch - bu ikkita variantni tanlashi mumkin bo&#39;lgan ikkita holatni o&#39;zgartirish tugmachasi vidjeti.   Tanlangan variantni tanlash uchun imkoniyatini beradi.   Text View TextView -eng ko&#39;p ishlatiladigan komponentlardan biri. Uning yordami bilan foydalanuvchi dasturda harakat qilish uchun qulayroqdir. Matnni foydalanuvchiga ko&#39;rsatadigan foydalanuvchi interfeysi elementi . Foydalanuvchi tomonidan tahrirlanadigan matnni taqdim etish imkoniyatini beradi. Quyidagi kod namunasi matn ko&#39;rinishining tarkibini o&#39;zgartirish uchun XML tartibi va kodi bilan berilgan: • <LinearLayout       xmlns:android = &#34;http://schemas.android.com/apk/res/android&#34;       android:layout_width = &#34;match_parent&#34;       android:layout_height = &#34;match_parent&#34; >       <TextView           android:id = &#34;@ android:layout_height = &#34;wrap_content&#34;           android:layout_width = &#34;wrap_content&#34;           android:text = &#34;@string/hello&#34; />   </LinearLayout>             Plain text Edit text —elektron pochta xabarnomasida foydalanish uchun matnli shaklda taqdim etilgan ma&#39;lumotlar formati. Masalan. Bunda Ism, Familyangizni, Sharifingizni kiritish imkoniyati mavjud: Password Bu  autentifikatsiya  jarayonida foydalanuvchi identifikatorini tekshirish uchun ishlatiladigan belgilar qatori. Parollar odatda foydalanuvchi nomi bilan kon&#39;yunkturada ishlatiladi; ushbu kod foydalanuvchiga qurilmaga, dasturga yoki veb-saytga kirishga ruxsat berish yaratilai va ular faqat foydalanuvchiga ma&#39;lum bo’ladi. Parol uzunligi bo&#39;yicha har xil bo&#39;lishi mumkin va harflar, raqamlar va maxsus  belgilarni  o&#39;z ichiga olishi mumkin . Parol foydalanuvchi shaxsiy identifikatsiya raqami   E-mail Elektron  pochta  ( e -mail) — maʼlumotlarni uzatish tarmogʻi orqali axborotlarni bir foydalanuvchi elektron qutisidan boshqasinikiga joʻnatish, qabul qilish va maʼlum vaqtgacha saqlanishini taʼminlovchi dasturiytexnik vositalar toʻplami.  E -Mail axborotlarni tarmoqning bir punktidan boshqasiga tezkor uzatishni taʼminlaydi.. Aniqroq aytganda, elektron pochta - bu ma&#39;lum bir shaxsga yoki shaxslar guruhiga tarmoq orqali yuborilgan  matnlar  ,  fayllar  ,  rasmlar  yoki boshqa  qo&#39;shimchalarni  o&#39;z ichiga olgan xabar . Postal address Bu odam pochta xabarlarini qabul qiladigan manzil.  Ko&#39;p odamlar uchun ularning pochta manzili yashash joyidir. Biroq, ba&#39;zi odamlar pochta oladigan manzildan boshqa manzilda yashaydilar. Biror kishi yashaydigan joy jismoniy manzil deb ataladi. Number signed Bunda faqat 0 dan 9 gacha raqamlarni kiritish mumkin. Matn yozish imkoniyati mavjud emas. Matematikada har qanday bazadagi manfiy sonlar ularni minus (&#34;-&#34;) belgisi bilan old qo&#39;shimchalar bilan ifodalanadi.   Biroq, kompyuter texnikasida raqamlar qo&#39;shimcha belgilarsiz, faqat bitlar ketma-ketligi sifatida ifodalanadi.