Navigation Drawer

Navigation Drawer

Navigation Drawer shablonini ko'rib chiqing. Keling, yangi loyiha yaratamiz va kerakli shablonni tanlaymiz.



Tezkor kirish uchun siz darhol loyihani ishga tushirishingiz va uni amalda ko'rishingiz mumkin. Ilova ishga tushirilganda oddiy "Salom dunyo" dasturiga o'xshaydi. Ammo farqlar ham bor. Sarlavhadagi uchta gorizontal chiziq belgisini bosing. Hujjatlardagi belgi "gamburger" (Gamburger menyusi) deb ataladi. Bu Google kompaniyasining rasmiy pozitsiyasi.Lekin, aslida, bu belgi tabby mushuklarni anglatadi (hech kimga aytmang). Chapni bosganingizda, navigatsiya pardasi ochiladi. Parda banyoda oddiy parda kabi ishlaydi. Balandlikda u butun ekranni, shu jumladan tizim maydonini egallaydi. Tizim sohasidagi yuqori qirrasi shaffof ekanligini va tizim piktogrammalarini qoplamasligini ko'rish uchun siz oldinga va orqaga siljitishingiz mumkin. Ushbu xatti-harakat Android 5 va undan yuqori versiyalarda ishlaydigan qurilmalarda mavjud. Eski qurilmalarda deklanşör tizim paneli ostida joylashgan. Yaqinda men Android 8.0 ostida ishni tekshirishni boshladim va endi deklanşör tizim panelini yopmasligini ko'rdim. Taqqoslash uchun ikkita variant mavjud.



Drawer o'zi ikkita asosiy qismdan iborat - tepada rasm va matn, pastki qismida esa piktogramma mavjud. Menyu, o'z navbatida, ikki guruhga bo'lingan. Yuqoridagi piktogrammalarni tanlash mumkin va tanlangan element ta'kidlangan holda qoladi. Menyuning pastki qismida elementlar ajratib ko'rsatilmaydi. Drawerni orqaga olib tashlang va uni gamburger belgisini bosish orqali emas, balki barmog'ingizni ekran chetidan markazga siljitish orqali chaqiring.

Agar siz activity_main.xml faylini Dizayn rejimida ochsangiz, drawer ochiq holda ilova qanday ko'rinishini ko'rishingiz mumkin.

xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">


layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />


android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer" />

Endi shuni yodda tutish kerakki, NavigationView elementi draweruchun javobgardir, bu DrawerLayout konteyneridagi oxirgi element bo'lib, navigatsiya menyusini ifodalaydi. Menyudan oldin app_bar_main.xml belgisiga ishora qiluvchi qo'shimcha qo'shiladi .

Tools:openDrawer atributi studiyaga navigatsiya menyusi belgilash koʻrinishida kengaytirilgan holda koʻrsatilishi kerakligini aytish imkonini beradi.