Material dizayn bu platformalar va qurilmalarda vizuallik, boshqarish va ta’sir qilish dizayni uchun ajoyib qo’llanmadir. Android ilovalaringizda material dizaynidan foydalanish uchun, material dizayni xususiyatlarida ko'rsatilgan ko'rsatmalarga rioya qiling va material dizaynni loyihalashni qo'llab-quvvatlash kutubxonasida mavjud bo'lgan yangi tarkibiy qismlardan foydalaning. Ushbu sahifada siz foydalanishingiz kerak bo'lgan dizayn va APIlarning umumiy ko'rinishi keltirilgan.

Android sizga material dizaynga oid ilovalarni yaratishda yordam beradigan quyidagi imkoniyatlarni taqdim etadi:

• UI-ning barcha vidjetlarini uslublash uchun material dizayni ilovasi mavzusi

• Ro'yxatlar va kartalar kabi murakkab ko'rinishlar uchun vidjetlar

• Maxsus soyalar va animatsiyalar uchun yangi API-lar

 

Material mavzusi va vidjetlar

Standart UI vidjetlari uchun stillar kabi material xususiyatlaridan foydalanish va ilovangizning stilining aniqlanishini soddalashtirish uchun materialga asoslangan mavzuni ilovangizga qo'llang.

 

Dark material mavzusi

Light material mavzusi

Qo'shimcha ma'lumot olish uchun material mavzusini qanday qo'llash kerakligini ko'rib chiqing.

O'z foydalanuvchilaringizga soddaroq ko’rinishni taqdim qilish uchun materiallarning eng keng tarqalgan UX naqshlaridan foydalaning:

• O'zingizning foydalanuvchi interfeysingizning asosiy harakatlarini Floating Action Bar (FAB) tugmachasi bilan targ'ib qiling.

App Bar yordamida o'z brendingizni, navigatsiyani, qidiruvni va boshqa harakatlaringizni namoyish eting.

Navigation Drawer yordamida ilovangizning navigatsiyasini ko'rsating va yashiring.

• Ilovangizning joylashuv tartibi va navigatsiyasi uchun uskunalar paneli, tablar, pastki qatorlar va boshqalar kabi ko'plab tarkibiy qismlardan foydalaning. Barchasini ko'rish uchun Android katalogi uchun Material komponentlarini ko'rib chiqing.

Va iloji bo'lsa, oldindan ma’lum material ikonkalaridan foydalaning. Masalan, navigatsiya panelingiz uchun navigatsiya "menyusi" tugmachasida standart "hamburger" belgisi ishlatilishi kerak. Mavjud piktogrammalar ro'yxati uchun Material Design Iconsga kiring. Bundan tashqari, siz Android Studioning Vector Asset Studiosi yordamida SVG ikonkalarini material belgisi kutubxonasidan import qilishingiz mumkin.

 

Balandlik soyalari va CardView

X va Y o’lchamdan tashqari, Androidda View-ko'rinishlar Z o’lchamga ham ega. Ushbu yangi o’lcham View-ko'rinishning balandligini anglatadi, uni quyidagilar izohlaydi:

Soyaning o'lchami: Z qiymatidan yuqori bo'lgan ko'rinish kattaroq soyalarni chiqaradi.

Chizish tartibi: Z qiymatidan yuqori bo'lgan ko'rinish boshqa ko'rinishlar ustiga chiqadi.

Odatda sizning joylashuv tartibingiz Cardga asoslangan tartibni o'z ichiga olganda, balandlik ko'pincha qo'llaniladi, bu sizga Cardning ichida muhim ko'rinishni taqdim etadigan muhim ma'lumotlarni ko'rsatishga yordam beradi. Siz standart balandlikdagi kartalarni yaratish uchun CardView vidjetidan foydalanishingiz mumkin. Qo'shimcha ma'lumot olish uchun Cardga asoslangan tartibni yaratishni ko’ring.

Boshqa ko'rinishga balandlikni qo'shish haqida ma'lumot olish uchun Shadows va Clip Views yaratishni ko’ring.

 

Animatsiyalar

Yangi animatsiya interfeysi interfeysi UI boshqaruvida sensorli aloqa uchun maxsus animatsiyalar yaratishga, ko'rish holatidagi o'zgarishlarga va harakatlarning o'tishiga imkon beradi.

 

Ushbu API-lar sizga quyidagi imkoniyatlarni taqdim etadi:

• Sensorli aloqa animatsiyalari yordamida ko'rinishlaringizdagi teginish hodisalariga javob berish;

• Ko'rinishlarni yashirin va shaffof ko'rsatuvlar bilan namoyish qilish;

• Tanlangan harakatlar o'tish animatsiyalari yordamida harakatlar o'rtasida almashish;

• Bukilgan harakat bilan ko'proq tabiiy animatsiyalar yaratish;

• Ko'rish holatini o'zgartirish animatsiyalari bilan bir yoki bir nechta ko'rish xususiyatidagi jonli o'zgarish;

• Ko‘rish holatini o‘zgartirish o‘rtasida animatsiya ko‘rsatish.

Sensorli aloqa animatsiyasi tugmachalar kabi bir nechta standart ko'rinishga o'rnatiladi. Yangi API-lar sizga ushbu animatsiyalarni sozlashingiz va ularni tanlangan shaxsiy ko'rinishlaringizga qo'shishingizga imkon beradi.

Qo'shimcha ma'lumot olish uchun Animations Overviewni ko'ring.

 

Chizmalar – Drawable

Chizmalar uchun ushbu yangi imkoniyatlar sizga materiallarni joriy qiladigan ilovalarni yaratishda yordam beradi:

Vektorli chizmalar aniqlanishini yo'qotmasdan kengaytirilishi mumkin va bitta rangli rangli ilovalar uchun juda mos keladi. Vektorli chizmalar haqida ko'proq bilib oling.

Chizib olinadigan rang berish sizga bitli xaritalarni alfa niqobi sifatida aniqlashga va ish vaqtida rang bilan bo'yashga imkon beradi. Chizmalarga qanday rang qo'shishni ko'rib chiqing.

Rangni ajratib olish sizga bitmap rasmidagi taniqli ranglarni avtomatik ravishda olish imkonini beradi. Palitra API yordamida ranglarni qanday tanlashni ko'rib chiqing.

 

Telegram-kanal: millionuzbekcoders

Bizning asosiy telegram guruhimiz: @uzbekcoderslive

Bizning telegram guruhimiz: Android OMUC