Single post

4.3: Using the App Bar and Tabs for Navigation

Task 1. Add an Up button for ancestral navigation

Buka AndroidManifest.xml lalu Ubah elemen aktivitas untuk OrderActivity dan Ekstrak nilai android:label "Order Activity" ke sumber daya string yang bernama title_activity_order

Lalu Run

Task 2. Use tab navigation with swipe views

Dengan navigasi lateral, Anda memungkinkan pengguna pergi dari satu saudara ke saudara yang lain (pada level yang sama dalam hierarki multitier). Misalnya, jika aplikasi Anda menyediakan sejumlah kategori cerita (seperti Top Stories, Tech News, dan Cooking, seperti yang ditampilkan dalam gambar di bawah ini), Anda mungkin ingin menyediakan bagi pengguna Anda kemampuan untuk beralih dari satu kategori ke kategori berikutnya, tanpa harus mengarahkan kembali ke layar induk. Contoh navigasi lateral lainnya adalah kemampuan untuk menggesek ke kiri atau kanan pada percakapan Gmail untuk menampilkan percakapan baru atau lama dalam Inbox yang sama

2.1 Buat layout untuk navigasi tab

Buat proyek baru menggunakan template Empty Activity. Beri nama aplikasi Tab Experiment

Edit file **build.gradle (Module: app) dan tambahkan baris berikut (jika belum ditambahkan) ke bagian dependencies

Untuk menggunakan bilah alat dan bukan bilah tindakan dan judul aplikasi, tambah pernyataan berikut ke file res > values >> styles.xml untuk menyembunyikan bilah tindakan dan judul

Kemudian Di layout main_activity.xml, buang TextView yang disediakan oleh template, dan tambahkan Toolbar, TabLayout, dan ViewPager di dalam layout root dan lanjutkan sesuai dengan perintah yag diminta

2.2 Buat layout dan kelas untuk setiap fragmen

Klik com.example.android.tabexperiment di tampilan proyek lalu Pilih File > New > Fragment > Fragment (Blank) kemudian Beri nama fragmen TabFragment1

Klik com.example.android.tabexperiment di tampilan proyek lalu Pilih File > New > Fragment > Fragment (Blank) kemudian Beri nama fragmen TabFragment2

 

Klik com.example.android.tabexperiment di tampilan proyek lalu Pilih File > New > Fragment > Fragment (Blank) kemudian Beri nama fragmen TabFragment3

Setiap fragmen (TabFragment1, TabFragment2, dan TabFragment3) dibuat dengan definisi kelasnya disetel untuk meluaskan Fragment. Selain itu, setiap fragmen memekarkan layout yang dikaitkan dengan layar (tab_fragment1, tab_fragment2, dan tab_fragment3), menggunakan pola desain pemekaran sumber daya yang telah Anda pelajari di bab sebelumnya denan menu opsi

Lalukan pada setiap fragment

2.3 Tambahkan PagerAdapter

Pola pengelola layout adaptor memungkinkan Anda memberikan layar konten yang berbeda di dalam akan dipilih–gunakan adaptor untuk mengisi layar konten untuk menampilkan akan dipilih dan pengelola layout yang mengubah layar konten bergantung pada tab mana yang di TextView

Tambahkan kelas PagerAdapter baru pada aplikasi yang meluaskan FragmentStatePagerAdapter dan mendefinisikan jumlah tab ( mNumOfTabs)

2.4 Inflate Toolbar dan TabLayout

Karena Anda menggunakan tab yang pas di bawah bilah aplikasi, Anda telah menyiapkan bilah aplikasi dan Toolbar di layout activity_main.xml di langkah pertama tugas ini. Sekarang Anda perlu memekarkan Toolbar (menggunakan metode yang sama yang dijelaskan di bab sebelumnya tentang menu opsi) dan membuat instance TabLayout untuk mengatur posisi tab

2.5 Gunakan PagerAdapter untuk mengelola tampilan layar

 

 

 

 

 

LEAVE A COMMENT

theme by teslathemes