Tugas 1. Menambahkan tombol Naik untuk navigasi ancestral
- Jika Anda belum memiliki aplikasi DroidCafe yang terbuka dari praktik sebelumnya, unduh proyek Android Studio DroidCafe Bagian 3 dan ganti nama proyek menjadi DroidCafe.
- Buka proyek DroidCafe.
- Buka AndroidManifest.xml.
- Ubah elemen aktivitas untuk
OrderActivity
ke yang berikut ini:<activity android:name=".OrderActivity" android:label="Order Activity" android:parentActivityName="com.example.android. droidcafe.MainActivity"> <meta-data android:name="android.support.PARENT_ACTIVITY" android:value=".MainActivity"/> </activity>
- Ekstrak nilai android:label
"Order Activity"
ke sumber daya string yang bernamatitle_activity_order
. - Jalankan aplikasi.
Tugas 2. Menambahkan navigasi tab dengan tampilan gesek
- 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
:compile 'com.android.support:design:25.0.1' compile 'com.android.support:support-v4:25.0.1'
Tambahkan fragmen yang mewakili setiap layar bertab: TabFragment1, TabFragment2, dan TabFragment3. Untuk menambahkan setiap fragmen:
-
Klik com.example.android.tabexperiment di tampilan proyek.
-
Pilih File > New > Fragment > Fragment (Blank).
-
Beri nama fragmen TabFragment1.
-
Periksa opsi “Create layout XML?” dan ubah Nama Layout Fragmen untuk file XML ke tab_fragment1.
-
Hapus centang opsi “Include fragment factory methods?” dan “include interface callbacks?”. Anda tidak memerlukan metode ini.
-
Klik Finish.
-
Ulangi langkah-langkah di atas, menggunakan TabFragment2 dan TabFragment3 untuk Langkah C dan tab_fragment2 dan tab_fragment3 untuk Langkah D.
-
-
Edit setiap file XML layout fragmen (tab_fragment1, tab_fragment2, dan tab_fragment3):
-
Ubah Root Tag ke
RelativeLayout
. -
Tambahkan
TextView
dengan teks, seperti “These are the top stories”. -
Atur penampilan teks dengan
android:textAppearance="?android:attr/textAppearanceLarge"
. -
Ulangi langkah-langkah dia atas untuk setiap file XML layout, dengan memasukkan teks yang berbeda untuk TextView di langkah B.
- Di file XML layout fragmen tab_fragment1, ekstrak string untuk
"These are the top stories:"
ke dalam sumber daya stringtab_1
. Lakukan yang sama untuk string di tab_fragment2 dan tab_fragment_3.
-
2.3 Tambahkan PagerAdapter
Tambahkan kelas PagerAdapter
baru pada aplikasi yang meluaskan FragmentStatePagerAdapterdan mendefinisikan jumlah tab ( mNumOfTabs
):
public class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;
public PagerAdapter(FragmentManager fm, int NumOfTabs) {
super(fm);
this.mNumOfTabs = NumOfTabs;
}
}
Saat memasukkan kode di atas, Android Studio otomatis mengimpor:
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
Jalankan aplikasi. Ketuk setiap tab untuk melihat setiap “laman” (layar). Anda juga bisa menggesek ke kiri dan ke kanan untuk mengunjungi “laman” yang berbeda