Flutter frameworkida foydalanuvchi interfeysini ishlab chiqish, Flutterda Android va iOS uchun mobil ilovalar ishlab chiqish. 620-21 guruh, 3-topshiriq, 4-jamoa NURMUXAMMEDOV MA’RUFJON SOLIJONOV ULUG‘BEK UBAYDULLAYEV ABDUVAXOB USMONOV MA’MURJON REJA • • • • Flutter haqida Dart dasturlash tili haqida Foydalanuvchi interfeysi nima ? Amaliy qism Flutter Flutter - bu Google tomonidan ishlab chiqilgan eng yaxshi va kuchli mobil ilovalar yaratish uchun bir tilda ishlash imkonini beradigan bir dasturlash ramziy platformasi. U sizning ilovangizni iOS va Android uchun bir vaqtda ishlab chiqish imkonini ta'minlaydi. Flutter til emas ! Flutter — bu til emas. Flutter til sifatida Dartdan foydalanadi. Dart obyektga yo’naltirilgan, C uslubidagi til. Qulayliklari • Keng Ishlab Chiqish: Flutter hamjihatlikda mobil ilovalarni yaratishga imkon beradi. Uning asosiy tili Dart, oson va kuchli. Bu sizga ilovalarni tezkor ishlab chiqish va platformalar orasida bir hil yaxshi tajribaga ega bo'lish imkonini beradi. • Kuchli Interfeyslar: Flutter UI-ning asosiy qismi uchun widgetlar qo'shishni osonlashtiradi. Bu sizga ochiq joydagi mosliklar va dizaynlarni osonlik bilan yaratishga imkon beradi. • Flutter ilovalarni mobil, veb va desktop uchun bir qatorda ishlab chiqishni ta'minlaydi. Bu, vaqtni va resurslarni Talablari • Flutter Microsoft Windows 10 OS yoki undan keyingi 64 bitli versiyasini qo'llab-quvvatlaydi. Talab Minimal Tavsiya etiladi x86_64 protsessor yadrolari 4 8 Xotira (GB) 8 16 WXGA (1366 x 768) FHD (1920 x 1080) 11.0 60.0 Displey Diskdagi bo’sh joy Dart Dart - Google kompaniyasi tomonidan, umumiy qo'llanish uchun yaratilingan dasturlash tilidir. U asosan veb dasturlar yaratish uchun mo'ljallangan bo'lib(ham mijoz, ham server tomon uchun), shu bilan birga mobil ilovalar ham yaratish mumkin. Dart - obyektga yo'naltirilgan dasturlash tilidir. Dart tilidagi barcha qiymatlar obyektlardan iborat. Dart dasturlash tili rivojlanishida ko'p yillik tarixga ega bo'lgan dasturlash tillarini ta'siri katta, bular, Foydalanuvchi interfeysi "Foydalanuvchi interfeysi (UI – User Interface)" dastur yoki tizimning foydalanuvchilar bilan aloqasini ta'minlovchi qurilmaviy qismi yoki dastur interfeysi deb tariflanadi. Bu interfeys, dastur yoki tizimni foydalanuvchilar tomonidan boshqarish uchun imkoniyatlar, funksiyalar va interaktiv xizmatlarni taqdim etadi. Amaliy qism Birinchi navbatda Flutter SDK faylini yuklab olamiz. Yuklab olingan “zip” faylni arxivdan ochamiz. Va “bin” papkasiga kirib joriy katalogdan nusxa olamiz (D:\flutter\bin) Win+R bosamiz va “sysdm.cpl” deb yozamiz. “Environment Variables” ni bosamiz “System variables” bo’limidagi “path” ga nusxa olingan katalogni* qo’shib qo’yamiz (D:\flutter\bin) Flutter SDK o’rnatilganini CMD ga kirib “flutter –version” buyrug’i orqali tekshiramiz “flutter doctor” buyrug’i orqali muammolarni tekshiramiz Android Licensesda xatolik yuz bersa, Android studioni ochib quyidagi ketma-ketliklarni bajaramiz : • Tools -> SDK manager • Ochilgan oynada ichki panellar mavjud ! • SDK Tools panelini tanlaymiz • “Android SDK Command-line Tools” yuklab olamiz • Oynaning pastki qismidagi “Apply" tugmasini bosamiz Android Studioga Flutter “plugin” ni o’rnatamiz va ilovadan chiqib qaytadan kiramiz Flutter SDK faylni Android Studioga chaqirib, Android va iOS uchun yangi Flutter project ochamiz Kod qismini ko’rish uchun bosing Ilova quyidagi qismatlardan iborat: • TextEditingController _controller - Matn kiritiladigan qutisi uchun TextEditingController obyekti. • String _translatedText - Tarjima natijasini saqlaydigan o'zgaruvchi. • _translateText funksiyasi - Lotin alifbosidagi matnni Kirill alifbosiga o'girib beradi. • _copyText funksiyasi - Tarjima natijasini nusxa olish uchun matnni klibbordga joylashtiradi. Ilova MaterialApp bilan boshlanadi va Scaffold bilan davom etadi. Scaffolddagi AppBar ilovaning sarlavhasini ko'rsatadi. body bo'limida esa foydalanuvchidan matn kiritishi va tarjima natijasini ko'rsatishi uchun TextField va Text widgetlari mavjud. ElevatedButton lar foydalanuvchining amallarini boshqarish uchun ishlatiladi. Foydalanilgan manbalar • • • • • stackoverflow.com docs.flutter.dev texnoman.uz cybernation.uz youtube.com • flutterdev.uz • medium.com E’tiboringiz uchun rahmat !