Flutter uchun Yangi boshlanuvchilar

Ishlab chiqaruvchi ( OEM ) vidjetlari, lekin komponentlarni ko'rsatish uchun OS API so'rash uchun ko'prikka tayanadi, qaysi yaratadi a to'siq ichida the ilova chunki bu ehtiyojlari a qo'shimcha qadam foydalanuvchi interfeysini ko'rsatish uchun ( UI ).

Biroz ball bu qilish Flutter ishlash ajoyib:

Flutter egalik qiladi the piksellar : Flutter beradi the ilova piksel tomonidan piksel (qarang keyingi bo'lim), to'g'ridan-to'g'ri Skia grafik dvigateli bilan o'zaro aloqada.
Yo'q qo'shimcha qatlamlar yoki qo'shimcha OS API qo'ng'iroqlar: Sifatida Flutter egalik qiladi the ilova ko'rsatish, OEM vidjetlaridan foydalanish uchun unga qo'shimcha qo'ng'iroqlar kerak emas, shuning uchun hech qanday muammo bo'lmaydi.
Flutter mahalliy kodga kompilyatsiya qilingan : Flutter mahalliy kodni ishlab chiqarish uchun Dart AOT kompilyatoridan foydalanadi. Bu muhitni o'rnatishda ortiqcha yuk yo'qligini anglatadi uchun talqin qilish Dart kod yoqilgan the pashsha, va bu yuguradi shunchaki kabi a onalik ilova qandaydir tarjimonga muhtoj bo'lgan ramkalarga qaraganda tezroq boshlanadi.

Toʻliq boshqaruv ning the UI

Flutter ramkasi vizual komponentlarni o'zi ko'rsatish orqali barcha UI-ni amalga oshirishni tanlaydi bevosita uchun the tuval, kabi biz bor ko'rgan ilgari, talab qiladi hech narsa Ko'proq
platformadagi tuvaldan ko'ra, shuning uchun u qoidalar va konventsiyalar bilan cheklanmaydi. Ko'pincha, ramkalar platforma taklif qiladigan narsalarni boshqa yo'l bilan takrorlaydi. Misol uchun, veb-ko'rinishga asoslangan boshqa platformalararo ramkalar CSS uslubi bilan HTML elementlari yordamida vizual komponentlarni qayta ishlab chiqaradi. Boshqa ramkalar vizual komponentlarni yaratishga taqlid qiladi va o'tish ular uchun the qurilma platforma, qaysi bo'ladi ko'rsatish the OEM vidjetlar mahalliy ishlab chiqilgan ilova kabi. Biz bu erda ishlash haqida gapirmayapmiz, shuning uchun Flutter OEM vidjetlaridan foydalanmasdan va ishni o'z-o'zidan bajarish orqali yana nimani taklif qiladi?

Keling, ko'rib chiqaylik :

Qurilmadagi barcha piksellarni boshqarish: OEM vidjetlari bilan cheklangan ramkalar mahalliy ishlab chiqilgan ilovani ko‘proq takrorlaydi, chunki ular faqat platformaning mavjud komponentlaridan foydalanadi. Boshqa tomondan, veb-texnologiyalarga asoslangan ramkalar platformaga xos komponentlardan ko'proq narsani takrorlashi mumkin, lekin qurilmada mavjud bo'lgan mobil veb-dvigatel bilan ham cheklanishi mumkin. UI renderini boshqarishni qo'lga kiritish orqali Flutter dasturchiga kengaytiriladigan va boy Widgets API-ni ochib, foydalanuvchi interfeysini o'ziga xos tarzda yaratishga imkon beradi. mumkin bo'l ishlatilgan uchun yaratmoq a noyob UI bilan yo'q kamchiliklar ichida ishlash va dizaynda cheklovlar yo'q.


Platformaning UI to'plamlari : OEM vidjetlaridan foydalanmaslik orqali Flutter platforma dizaynini buzishi mumkin, lekin bu qiladi emas. Flutter hisoblanadi jihozlangan bilan paketlar bu ta'minlash platforma dizayn vidjetlari, Android-da Materiallar toʻplami va iOS-da Cupertino .



Erishilishi mumkin bo'lgan UI dizayn talablari : Flutter dizayn talablariga sodiq bo'lgan maketlarni qayta ishlab chiqarish qobiliyatiga ega toza va mustahkam API taqdim etadi. Undan farqli o'laroq veb-ga asoslangan ramkalar bu tayanmoq yoqilgan CSS tartib qoidalar bu mumkin bo'l katta va murakkab va hatto ziddiyatli, Flutter soddalashtiradi bu tomonidan qo'shish semantik murakkab, ammo samarali va chiroyli tartiblarni yaratish uchun ishlatilishi mumkin bo'lgan qoidalar.
Yumshoq ko'rinish va tuyg'u : Mahalliy vidjet to'plamlariga qo'shimcha ravishda, Flutter ilova ishlayotgan mahalliy platforma tajribasini taqdim etishga intiladi, shuning uchun shriftlar, imo-ishoralar, va o'zaro ta'sirlar bor amalga oshirildi ichida a platformaga xos yo'l, olib kelish foydalanuvchini tabiiy dastur kabi his qilish.

Hozir qazib olaylik chuqur Dartga .

Dart

beri uning boshlanishi, bitta ning Flutter asosiy maqsadlar edi uchun bo'l a yuqori unumdorlik muqobil mavjudga kross-platforma ramkalar. Lekin emas faqat bu; uchun sezilarli darajada yaxshilash the mobil dasturchining tajribasi loyihaning muhim nuqtalaridan biri edi.

Bilan bu ichida aql, Flutter kerak a dasturlash til bu ruxsat berilgan bu uchun Ushbu maqsadlarga erishing va Dart quyidagi sabablarga ko'ra ramkaga mukammal mos keladigan ko'rinadi :

Dart AOT va JIT kompilyatsiya : Dart hisoblanadi moslashuvchan yetarli uchun ta'minlash boshqacha kodni ishga tushirish usullari, shuning uchun Flutter dasturning reliz versiyasini kompilyatsiya qilishda unumdorlikni hisobga olgan holda Dart AOT-dan foydalanadi va tez ish oqimlari va kod o'zgarishini maqsad qilib, ishlab chiqish vaqtida kodni ikkinchi soniyada kompilyatsiya qilish bilan JIT-dan foydalanadi .



Yuqori ishlash: Muddati uchun Dart qo'llab-quvvatlash uchun AOT jamlama, Flutter qiladi talab qilmaydi a sekin ko'prik orasida olamlar (uchun misol, mahalliy bo'lmagan uchun mahalliy), bu Flutter ilovalarini ham tezroq ishga tushirishga imkon beradi. Bundan tashqari, Flutter funktsional uslubdan foydalanadi oqim bilan qisqa muddatli ob'ektlar, va bu anglatadi a ko'p ning qisqa muddatli ajratmalar. Dart axlat yig'ish qulflarsiz ishlaydi, bu tez ajratishga yordam beradi.
Oson o'rganish: Dart moslashuvchan, mustahkam, zamonaviy va ilg'or tildir. U hali ham rivojlanayotgan bo'lsa-da, tilda aniq belgilangan ob'ektga yo'naltirilgan ramka mavjud bilan tanish funksionallik uchun dinamik va statik tillar, faol hamjamiyat va yaxshi tuzilgan hujjatlar.
Deklarativ UI : Flutter-da biz vidjetlarni joylashtirish uchun deklarativ uslubdan foydalanamiz, bu vidjetlar o'zgarmasligini va faqat engil " rejalar " ekanligini anglatadi . UIni o'zgartirish uchun Vidjet o'zi va uning pastki daraxtida qayta qurishni ishga tushiradi. Aksincha imperativ uslub ( eng umumiy), biz mumkin o'zgartirish xos ular yaratilgandan keyin komponentlarning xususiyatlari.





Dart sintaksisi tartibi: alohida sintaksisi bo'lgan ko'plab ramkalardan farq qiladi uchun tartib, ichida Flutter, the tartib hisoblanadi yaratilgan yozish Dart kod, nishonga olish ko'proq moslashuvchanlik va ishlab chiquvchi muhitini yaratishda qulaylik uchun, masalan, tartibni ko'rsatish samaradorligini tuzatish vositalari bilan.
Dart va Flutter bor rivojlangan tomonidan Google, va bu hisoblanadi muhim, kabi biz bo'ladi qarang.

Bo'lish qo'llab-quvvatladi tomonidan Google

Flutter - bu mutlaqo yangi ramka va bu uning mobil qurilmaning katta qismiga ega emasligini anglatadi rivojlanish bozor hali, lekin bu hisoblanadi o'zgaruvchan, va the istiqbol uchun the Keyingi oz yillar juda ijobiy.

Google tomonidan qo'llab-quvvatlanadigan ramka jamiyatda muvaffaqiyatga erishish uchun zarur bo'lgan barcha vositalarga ega, bilan qo'llab-quvvatlash dan the Google jamoa, mavjudligi da katta voqealar shunday kabi Google IO va kodlar bazasini doimiy takomillashtirishga investitsiyalar. Google IO 2018 da uchinchi Beta-versiyasining ishga tushirilishidan boshlab 2018 yil oxirida Flutter Live Event davomida ishga tushirilgan birinchi barqaror relizgacha uning o‘sishi yaqqol ko‘rinib turibdi:

Flutter ilovalaridan 200 milliondan ortiq foydalanuvchi. Ko'proq dan 3000 Flutter ilovalar yoqilgan the O'ynang Do'kon. 250 000 dan ortiq yangi ishlab chiquvchilar.
The 34 ^th eng mashhur dasturiy ta'minot ombori yoqilgan GitHub - bu edi ichida the Yuqori 15 da 2019 yil boshi .

Fuşya OS va Flutter

Bunday emas yana sir Google ishlamoqda yangisida Fuchsia OS o'rniga Android OS. Bir narsa uchun to'lash diqqat uchun hisoblanadi bu Fuşya OS mumkin bo'l a universal Google tizimi mobil telefonlardan ko'ra ko'proq ishlaydi va bu Flutterning qabul qilinishiga bevosita ta'sir qiladi.
Buning sababi shundaki, Flutter yangi Fuchsia OS uchun mobil ilovalarni ishlab chiqishning birinchi usuli bo'ladi va nafaqat u bilan tizimning UI ishlab chiqilmoqda. Tizim bilan nishonga olish Ko'proq qurilmalar dan shunchaki smartfonlar, kabi ko'rinadi uchun bo'l the hol, Flutter albatta ko'plab yaxshilanishlarga ega bo'ladi.

Ramkaning qabul qilinishining o'sishi yangi Fuchsia OS bilan bevosita bog'liq. Xuddi shunday ishga tushirishga yaqinroq bo'lsa, Google uchun yangi tizimga mo'ljallangan mobil ilovalar bo'lishi muhim. Uchun misol, Google ega e'lon qildi bu Android ilovalar bo'ladi bo'l mos keladi bilan yangi OS Flutter-ga o'tish va qabul qilishni sezilarli darajada osonlashtiradi.

Ochiq manba ramka

Uning orqasida Google kabi yirik kompaniyaga ega bo'lish Flutter kabi ramka uchun asosdir (qarang Reaksiya qilish, uchun misol, qaysi hisoblanadi saqlanib qolgan tomonidan Facebook). In qo'shimcha, jamiyatni qo'llab-quvvatlash yanada ommalashgani sari muhimroq bo'ladi.
tomonidan bo'lish ochiq manba, the jamiyat va Google mumkin ish birga kimga:
Yordam bering bilan xato tuzatadi va hujjatlar orqali kod hamkorlik ramka haqida yangi ta'lim mazmunini yaratish
Qo'llab-quvvatlash hujjatlari va foydalanish
Qilish takomillashtirish asoslangan qarorlar yoqilgan haqiqiy fikr-mulohaza

Yaxshilash the dasturchi tajriba hisoblanadi bitta ning the asosiy maqsadlar ning the ramka. Shuning uchun, jamoaga yaqin bo'lishdan tashqari, ramka ishlab chiquvchilar uchun ajoyib vositalar va resurslarni taqdim etadi. Keling, ularni ko'rib chiqaylik.

Dasturchi resurslar va asboblar

The diqqat yoqilgan ishlab chiquvchilar ichida the Flutter ramka ketadi dan hujjatlar va mahsuldorlikka yordam beradigan vositalar bilan ta'minlash uchun o'quv resurslari:
Hujjatlar va o'rganish resurslar : Flutter veb-saytlar bor boy uchun boshqa platformalardan kelgan ishlab chiquvchilar, jumladan, ko'plab misollar va foydalanish holatlari, masalan, the mashhur Google Codelabs ( https:/ / codelabs. ishlab chiquvchilar. google. com/ ? mushuk = Flutter ).


Buyruqlar qatori vositalari va IDE integratsiyasi : Bog'liklarni tahlil qilish, ishga tushirish va boshqarishda yordam beruvchi Dart vositalari ham Flutterning bir qismidir. Bundan tashqari, Flutter shuningdek ega buyruqlar uchun Yordam bering bilan disk raskadrovka, joylashtirish, tekshirish Dart plaginlari orqali tartibni ko'rsatish va IDE bilan integratsiya. Bu erda turli xil buyruqlar ro'yxati:



Oson boshlash : Flutter flutter doktori vositasi bilan birga keladi, bu buyruq qatori vositasi bo'lib, dasturchiga tizimni sozlash orqali nima kerakligini ko'rsatib beradi. ichida buyurtma uchun bo'l tayyor uchun o'rnatish yuqoriga a Flutter muhit. Bu hisoblanadi nima bu o'xshaydi :

The tebranish shifokor buyruq shuningdek aniqlaydi ulangan qurilmalar va ko'rib turganingizdek, yangilanishlar mavjudmi.

Qayta yuklash : Bu taqdimotlarda diqqat markazida bo'lgan xususiyatdir the ramka. tomonidan birlashtirish the qobiliyatlar ning the Dart til (shunday JIT kompilyatsiyasi sifatida) va Flutter kuchidan foydalangan holda, ishlab chiquvchi simulyator yoki qurilmadagi kodga kiritilgan dizayn o'zgarishlarini darhol ko'rishi mumkin. Flutter-da tartibni oldindan ko'rish uchun maxsus vosita yo'q. Issiq qayta yuklash uni keraksiz qiladi.

Hozir bu biz bor o'rgangan haqida the foyda ning Tebranishlar, qilaylik boshlash qarab da the dasturiy ta'minot kompilyatsiyalari.