Iskala vidjeti
bobda ko'rdik 4 , Vidjetlar: Flutterda qurilish maketlari , bu iskala vidjetda moddiy dizayn koʻrinishida tartibni yaratishga yordam beruvchi xususiyatlar mavjud. Uning maqsadi ham muhim kabi the Material ilovasi vidjet; bu yordam beradi the dasturchi uchun ergash the Material Uning xususiyatlariga mos keladigan vidjetlarni qo'shish orqali dizayn ko'rsatmalari. Bizning Favors ilovamizning asosiy ekrani Material Design ba'zi jihatlarini kuzatib boradi.
Keling, ko'rib chiqaylik :
Bu yerda, biz bor ishlatilgan biroz Material Dizayn komponentlar va shuningdek the Iskala vidjet. Ishlatilgan qismlardan ba'zilari quyidagilardir:
The ilova bar ko'rsatilgan da the yuqori ning the ilova odatda o'z ichiga oladi a sarlavha va foydalanuvchi filtrlar yoki sozlamalar kabi kontekstdagi harakatlar. Ushbu misolda, appbar orqali Iskala mulki vidjet, biz sarlavha va TabBarga ega bo'lgan AppBar vidjetini ko'rsatamiz yorliqlarni ko'rsatish uchun.
The suzuvchi harakat tugmasi hisoblanadi bitta ning the eng mashhur Material Dizayn komponentlar; bu odatda ekranning pastki o'ng burchagida ko'rsatiladigan suzuvchi dumaloq tugma. Ushbu misolda u Materialni loyihalash bo'yicha ko'rsatmalarga rioya qilgan holda ilovaning asosiy harakatini o'z ichiga oladi.
Hozir bu biz bor ko'rgan Qanday the sukut bo'yicha mavzu ko'rinadi kabi ichida biroz vidjetlar. Keling qarang Qanday biz tanlagan ranglar bilan o'z shaxsiy mavzuimizni yaratish .
Maxsus mavzu
Bizning Ne'matlar ilova ega emas ishlatilgan har qanday xususiyatlari ning Mavzu yoki Mavzu ma'lumotlari qadar hozir. Bu vaqt moslashtirish uchun the uslub ning the ilova uchun qilish bu Ko'proq jozibali. Bu hisoblanadi nima bu ketmoqda uchun qarang biz uning uslublarini qayta tiklaganimizdek:
Sizning yaxshilik qiladi sahifa (Bu hisoblanadi a tasvir ning Sizning yaxshilik qiladi sahifa. The boshqa (loyqa tashqarida) ma `lumot hisoblanadi emas muhim Bu yerga)
Biz maxsus lightTheme yaratishdan boshlaymiz ta'rifi. Bizda rang berishning bir necha yo'li bor ilova: biz mumkin o'rnatish odatiy ranglar uchun har biri ning the rang xususiyatlari ichida the Mavzu ma'lumotlari sinf (bor xususiyatlari uchun har biri ning the Material Dizayn mavjud vidjetlar, shunday kabi kartalar yoki tugmalar). Asosiysi, rang xususiyatlari va ko'rsatmalari bilan tajriba o'tkazish.
Endi, qilaylik aniqlash Mavzu ma'lumotlari :
final yorug'lik mavzusi = Mavzu ma'lumotlari( asosiy Swatch: Ranglar. ochiq yashil,
asosiy rang: Colors.lightGreen.shade600,// emas zarur qachon
// asosiy Swatch hisoblanadi belgilangan
// kabi yuqorida urg'u rangi: Colors.orangeAccent.shade400, Asosiy Rang Yorqinligi: Yorqinlik.qorong'ilik,
karta rangi: Colors.lightGreen.shade100,
);
Biz yangi ThemeData-ni aniqladik sukut boʻyicha yorugʻ vidjet va biz oʻzgartirdik uning asosiy Swatch mulk. Biz bor ishlatilgan a rang asoslangan yoqilgan the Material palitrasi, bu erda biz ba'zi ranglarni aniqlashimiz mumkin va butun sxema ushbu namunadan olinadi. Standart mavzu ochiq bo'lsa-da (ochiq fon/quyuq matnlar), biz asosiy rang yorqinligini o'rnatdik Yorqinlikka.qorong'iga _ fon tepasida paydo bo'ladigan matn sukut bo'yicha oq bo'lishi uchun.
Shuningdek, xabarnoma bu biz bor belgilangan the mavzu ichida a yangi Dart fayl uchun Yordam bering bilan kodni tashkil etish. Shunday qilib, biz uni ilovamizda ishlatish uchun import qilishimiz kerak:
qaytish MaterialApp( mavzu: yorug'likMavzu, uy: FavorsPage(),
);
Sifatida siz mumkin kutish, the ilova foydalanadi the import qilingan yorug'lik mavzusi orqali uning mavzu mulk.
O'zgartirish the ranglar hisoblanadi emas yetarli uchun o'zgartirish the qarang ning the ilova. Boshqa narsa biz mumkin do - bu matn uslublarini o'zgartirish va Material Design uslublaridan foydalanish. Yuqorida aytib o'tganimizdek, bu uslub yordamida amalga oshiriladi Matnning xususiyati vidjetlar. Shunday qilib, ba'zi o'zgarishlardan so'ng, bizning sovg'a kartalarimiz matnning ba'zi qismlarini ta'kidlashi mumkin.
In the ro'yxati sarlavhalar, uchun misol, biz bor qo'shildi a uslub uchun qilish kattaroq :
final sarlavhaUslub = Theme.of(context).textTheme.title;
Biz olish the sarlavhaUslub uslub dan the ilova mavzu va murojaat qiling bu bevosita uchun the Matn
vidjet:
Matn(
sarlavha,
uslub: sarlavha uslubi,
)
Xuddi shu narsa boshqa matn uchun ham amalga oshiriladi ilovadagi vidjetlar. Favors ilovamiz misolida ko'rib turganingizdek, Mavzu yordamida vidjet uslublarini o'zgartirish oson vidjet va yordamchi sinflar. Siz .. qila olasiz; siz ... mumkin tekshirish tashqariga the manba kod ning bu bob yoqilgan GitHub uchun Ko'proq tafsilotlar, va biz amaliyot uchun ba'zi qadriyatlar bilan tajriba qilishni taklif qiling.
Hozir bu siz bilish the asoslar ning Material Dizayn, qilaylik tanishtirish iOS Cupertino uchun qiyosiy ma'lumotlarga ega .
Do'stlaringiz bilan baham: |