Flutter uchun Yangi boshlanuvchilar

Hamma narsa a vidjet

Flutter vidjetlari ilovaning hamma joyida mavjud. Ehtimol, hamma narsa vidjet emas, lekin deyarli hamma narsa. Hatto ilova Flutter-dagi vidjetdir va shuning uchun bu kontseptsiya juda muhim. A vidjet ifodalaydi a qismi ning a UI, lekin bu qiladi emas anglatadi bu faqat nimadur bu ko'rinib turadi. Bu quyidagilardan biri bo'lishi mumkin:
A vizual/strukturaviy element bu hisoblanadi asosiy strukturaviy element, shunday kabi the Tugma
yoki Matn vidjetlar
A tartib xos element bu mumkin aniqlash the pozitsiyasi, chegaralar, yoki to'ldirish, Padding kabi vidjet
A uslub element bu mumkin Yordam bering uchun rang berish va mavzu a vizual/strukturaviy element, masalan, mavzu vidjet
An o'zaro ta'sir element bu yordam beradi uchun javob bering uchun o'zaro ta'sirlar ichida boshqacha GestureDetector kabi usullar vidjet

Vidjetlar bor the Asosiy bino bloklar ning a interfeys. Kimga qurmoq a UI to'g'ri, Flutter vidjetlarni vidjet daraxtida tartibga soladi.

Vidjet daraxti

Bu Flutter layoutsdagi yana bir muhim tushunchadir. Bu yerda vidjetlar jonlanadi. Vidjetlar daraxti barcha UI vidjetlarining mantiqiy ifodasidir. U joylashtirish paytida hisoblab chiqiladi (o'lchovlar va strukturaviy ma'lumot) va ishlatilgan davomida ko'rsatish (ramka uchun ekran) va test sinovlari (tegishli o'zaro ta'sirlar) va bu Flutterning eng yaxshi qiladigan ishi. Ko'p optimallashtirish algoritmlaridan foydalangan holda, u daraxtni iloji boricha kamroq boshqarishga harakat qiladi, ko'rsatish uchun sarflangan ishlarning umumiy miqdorini kamaytiradi va yuqori samaradorlikka erishadi:

Vidjetlar bor ifodalangan ichida the daraxt kabi tugunlar. Bu mumkin bor a davlat bog'langan bilan bu; uning holatidagi har bir o'zgarish vidjet va bolani qayta tiklashga olib keladi.

Sifatida siz mumkin qarang, the daraxtning bola tuzilishi hisoblanadi emas statik, va bu belgilangan tomonidan the vidjetlar tavsifi. The bolalar munosabatlar ichida vidjetlar bor nima qiladi the UI daraxt; bu mavjud kompozitsiyaga ko'ra, shuning uchun Flutterning o'rnatilgan vidjetlari bolani fosh qilayotganini ko'rish odatiy holdir yoki bolalar vidjet maqsadiga qarab xususiyatlar.
The vidjet daraxt qiladi emas ish yolg'iz ichida the ramka. Bu ega the Yordam bering ning the element daraxt; ekranda qurilgan vidjetni ifodalash orqali vidjet daraxtiga taalluqli daraxt, shuning uchun har bir vidjet qurilgandan so‘ng element daraxtida tegishli elementga ega bo‘ladi.

Flutterda element daraxtining muhim vazifasi bor. Bu vidjetga ekrandagi elementlarni xaritalashda yordam beradi daraxt. Shuningdek, bu belgilaydi Qanday vidjet qayta qurish hisoblanadi bajarildi ichida yangilash stsenariylar. Qachon vidjet o'zgaradi va uni qayta tiklash kerak bo'lsa, bu tegishli elementda yangilanishga olib keladi. Element mos keladigan vidjet turini va uning bolalar elementlariga havolani saqlaydi. Masalan, vidjet joylashuvini o'zgartirganda, element mos keladigan yangi vidjet turini tekshiradi va o'yinda u o'zini yangi vidjet tavsifi bilan yangilaydi.