Flutter uchun Yangi boshlanuvchilar

Mavzu vidjeti

Flutter-da hamma narsa vidjet bo'lib, biz vidjetlar qo'shish orqali foydalanuvchi interfeysini qurishimiz mumkin foydalanish the bola va bolalar xususiyatlari ning har biri vidjet. The Mavzu vidjet har qanday boshqa kabi harakat qiladi, u xususiyatlarni belgilaydi va bolaga ega bo'lishi mumkin.
The Mavzu vidjet shuningdek ishlaydi bilan the Meroslangan vidjet texnika, shunday har pastga tushuvchi vidjet unga Theme.of(context) yordamida kirishi mumkin , u ichki ravishda inheritFromWidgetOfExactType yordamchisiga qo'ng'iroq qiladi. BuildContext -dan usul sinf. Material Design vidjetlari Mavzudan shunday foydalanadi o'zini uslublash uchun vidjet:

Shunday qilib, the mavzu ma'lumotlar hisoblanadi qo'llaniladi uchun tushayotgan vidjetlar lekin mumkin bo'l bekor qilingan ichida mahalliy qismlar vidjet daraxti. Oldingi diagrammada 2 -raqamli mavzu daraxtning boshida belgilangan 1 -raqamli mavzuni bekor qiladi . 2 -raqamli pastki daraxtning mavzusi daraxtning qolgan qismidan farq qiladi.

Shuningdek, bilan bu tuzilishi bu hisoblanadi mumkin uchun yaratmoq a to'liq yangi mavzu uchun biroz vidjetlar, yoki asosiy mavzudan meros olish va pastki daraxtga ta'sir qilish uchun faqat ba'zi xususiyatlarni o'zgartirish.

The Mavzu ma'lumotlari sinf yordam beradi the Mavzu vidjet yoqilgan the uslublash vazifa. Keling qarang bu tafsilotlarda .

Mavzu ma'lumotlari

The Mavzu vidjet o'z ichiga oladi a mulk chaqirdi ma'lumotlar , qaysi qabul qiladi a Mavzu ma'lumotlari qiymat U uslub, mavzu yorqinligi, ranglar, shrift va boshqalar haqidagi barcha ma'lumotlarni o'z ichiga oladi.

ThemeData yordamida sinf xususiyatlaridan foydalanib, siz ranglar, tipografiya va muayyan komponentlar kabi dasturga tegishli barcha uslublarni sozlashingiz mumkin bo'ladi. Siz kuzatishni tanlashingiz mumkin Material Dizayn ko'rsatmalar dan Google bu maqsadlar ilova dizayn uchun mobil, veb va ish stoli qurilmalari yoki Apple platformasiga xos iOS Cupertino.

Mavzuni belgilashda siz Google-ning mobil, veb va ish stoli qurilmalari yoki iOS Cupertino uchun ilova dizayniga qaratilgan Material Design koʻrsatmalariga amal qilishni tanlashingiz mumkin. Apple platformasiga. Ikkala dizayn yo'riqnomasi ham maqsadli platformalar tufayli o'ziga xos xususiyatlarga ega tadqiqotlar haqida bu. The tanlash ning xoh uchun ergash the Material Dizayn, iOS Cupertino ko'rsatmalari yoki ularning hech biri sizniki emas, Flutterda Mavzu mavjud ikkalasi uchun mo'ljallangan vidjetlarga asoslangan, shuning uchun siz ko'rsatmalarni to'g'ri qo'llashingiz yoki o'zingizning noyob uslubingizda dizayn qilishingiz mumkin.

Rang berish hisoblanadi a muhim Mavzu ichida vidjetlar mavzulashtirish. Bering yetarli kontrast uchun matnlar fon ustida yoki ba'zi UI qismini ta'kidlash uchun, masalan, ranglardan to'g'ri foydalanishni talab qiladi. Yorqinlik ThemeData ning asosiy xususiyatlaridan biridir ranglarni manipulyatsiya qilishga yordam beradigan sinf , keling, ko'rib chiqaylik.

Yorqinlik

Mavzuning muhim xususiyatlaridan biri yorqinlikdir . Ushbu xususiyatni aniqlash juda muhimdir aniqlash mavzu ranglar, kabi uning nomi taklif qiladi, bu fosh qiladi the yorqinlik ning the ilova mavzusi. Ushbu xususiyat yordamida ramkalar fon va oldingi tarkib o'rtasida etarlicha kontrast yaratish uchun matn, tugmalar, ta'kidlash ranglarini aniqlashi mumkin.
Bu hisoblanadi nima the Mavzu ma'lumotlari sinf docs( https:/ / api. flutter. dev/ flutter/ material/ ThemeData - sinf. html ) bu haqda ayting:


"The yorqinlik ning the umumiy mavzu ning the ilova. Ishlatilgan tomonidan vidjetlar shunday kabi tugmalar asosiy yoki urg'u rangi ishlatilmaganda qaysi rangni tanlash kerakligini aniqlash."
Bu yordam beradi uchun kontrast orasida matn, tugmalar, va the fon ning materiallar (bilan Materiallar dizayni vidjetlar). The Mavzu ma'lumotlari sinf ega a ortga qaytish() konstruktor bu qaytadi a Brightness.light orqali yorug'lik mavzusi qiymat. foydalanishingiz mumkin
uning qorong'i() va yorug'lik() konstruktorlar uchun harakat qilib ko'ring bu o'zingizni chiqaring .
Asosiy va urg'u ranglarini tanlayotganda, mos keladigan ranglar bilan tajriba o'tkazish muhimdir asosiy Rang Yorqinligi va aksentColorBrightness . Flutter taxminlari the yorqinlik asoslangan yoqilgan biroz hisob-kitoblar ning the yorqinlik ning the ranglar, lekin tajriba va tekshirish har doim yaxshi.

Endi, qilaylik ichiga sho'ng'ish ba'zi mavzular.