4.3: Using the App Bar and Tabs for Navigation
Task 1. Add an Up button for ancestral navigation
di dalam task ini saya memakai DroidCafe3 yang dapat di dwonload dari web developer android. tugas kali ini membuat navigasi seperti dibawah.
pertama download kebutuhan dari project (gradle dll)
ganti androidmanifest.xml seperti dibawah :
pada android:label masukkan string resource berikut
hasil :
Task 2. Use tab navigation with swipe views
2.1 Create the layout for tab navigation
buat project baru di dalam empty activity sebagai berikut
pada build:gradle(module app) masukkan kodingan dibawah (sesuaikan dengan versi android yang dipakai)
masukkan string berikut
ubah menjadi relative layout seperti berikut
masukkan kodingan untuk layout seperti dibawah
2.2 Create a layout and class for each fragment
pertama masuk ke com.example.android.tabexperiment lalu klik kanan new – fragment-fragment (blank)
buat fragment1-fragmnet3 seperti dibawah, ceklis create layout XML? dan uncheck include fragment factory methods? dan include interface callbacks. untuk nama fragment ganti seperti yang sesuai dibawah lalu klik finish.
setiap fragment 1,2 maupun 3 dibuat dengan class yang disebut fragment, inflates fragment juga terkait dengan layar (tab fragment 1-3) dengan menggunakan pola desain resource-inflate yang dipelajari sebelumnya dengan menu opsi.
ganti setiap layout fragment seperti dibawah dan masukkan string resource yang sesuai seperti dibawah :
2.3 Add a PagerAdapter
buat terlebih dahulu java class yang baru lalu masukkan kodingan :
public class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;
public PagerAdapter(FragmentManager fm, int NumOfTabs) {
super(fm);
this.mNumOfTabs = NumOfTabs;
}
jika FragmentManager error,inputkan seperti dibawah
lalu untuk bagian PagerAdapter masukkan seperti dibawah
didalam getItem dan getCount masukkan kodingan seperti dibawah
2.4 Inflate the Toolbar and TabLayout
masukkan kodingan berikut, di MainActivity.java :
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
setelah itu akan terdapat error/merah maka pilih seperti dibawah :
setelah itu buka strings.xml dan masukkan seperti dibawah :
balik lagi ke MainActivity.java lalu masukkan seperti dibawah :
2.5 Use PagerAdapter to manage screen views
