• Uncategorized
  • 0

Lesson 4.3: Using the App Bar and Tabs for Navigation

Task 1. Add an Up button for ancestral navigation

Ubah AndroidManifest untuk OrderActivitymenhadi seperti berikut ini:

Pada saat dijalankan appnya akan ada button back di sebelah label Order Activity

Task 2. Use tab navigation with swipe views

2.1 Create the layout for tab navigation

Menambahkan item actionbar & notitle pada style.xml

Lalu menambahkan widget toolbar

2.2 Create a layout and class for each fragment

Membuat fragmen yang mempunyai layar bertab: TabFragment1TabFragment2, dan TabFragment3

Menambahkan textAppearance pada setiap tab_fragment

2.3 Add a PagerAdapter

Tambahkan class PagerAdapter yang mengextend FragmentStatePagerAdapter

Import fragment, fragmentManager, fragmentSatatePagerAdapter

Ubah metode getItem() yang baru ditambahkan ke yang berikut ini, yang menggunakan blok switch case untuk mengembalikan fragmen yang akan ditampilkan berdasarkan tab mana yang diklik

Ubah metode getCount() yang baru agar mengembalikan jumlah tab

2.4 Inflate the Toolbar and TabLayout

Menambahkan method onCreate pada MainActivity

Menambahkan string name seperti berikut

Di akhir metode onCreate(), buat instance layout tab dari elemen tab_layout di layout dan setel teks untuk setiap tab menggunakan addTab():

2.5 Use PagerAdapter to manage screen views

berikut ini untuk menggunakan PagerAdapter untuk mengelola tampilan di fragmen

TabLayoutOnPageChangeListener untuk mendeteksi jika sebuah tab diklik dan buat metode onTabSelected() untuk mengganti  ke layar bertab yang sesuai di pilih

Aplikasi setelah di running

 

 

 

 

 

 

 

 

 

 

 

 

 

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *