4.3: Menggunakan Bilah Aplikasi dan Tab untuk Navigasi

Tugas 1. Menambahkan tombol Naik untuk navigasi ancestral

  1. Jika Anda belum memiliki aplikasi DroidCafe yang terbuka dari praktik sebelumnya, unduh proyek Android Studio DroidCafe Bagian 3 dan ganti nama proyek menjadi DroidCafe.
  2. Buka proyek DroidCafe.
  3. Buka AndroidManifest.xml.
  4. 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>
    
  5. Ekstrak nilai android:label "Order Activity" ke sumber daya string yang bernama title_activity_order.
  6. Jalankan aplikasi.

Tugas 2. Menambahkan navigasi tab dengan tampilan gesek

  1. Buat proyek baru menggunakan template Empty Activity. Beri nama aplikasi Tab Experiment.
  2. 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: TabFragment1TabFragment2, dan TabFragment3. Untuk menambahkan setiap fragmen:

    1. Klik com.example.android.tabexperiment di tampilan proyek.

    2. Pilih File > New > Fragment > Fragment (Blank).

    3. Beri nama fragmen TabFragment1.

      +
    4. Periksa opsi “Create layout XML?” dan ubah Nama Layout Fragmen untuk file XML ke tab_fragment1.

    5. Hapus centang opsi “Include fragment factory methods?” dan “include interface callbacks?”. Anda tidak memerlukan metode ini.

    6. Klik Finish.

    7. Ulangi langkah-langkah di atas, menggunakan TabFragment2 dan TabFragment3 untuk Langkah C dan tab_fragment2 dan tab_fragment3 untuk Langkah D.

  3. Edit setiap file XML layout fragmen (tab_fragment1tab_fragment2, dan tab_fragment3):

    1. Ubah Root Tag ke RelativeLayout.

    2. Tambahkan TextView dengan teks, seperti “These are the top stories”.

    3. Atur penampilan teks dengan android:textAppearance="?android:attr/textAppearanceLarge".

    4. Ulangi langkah-langkah dia atas untuk setiap file XML layout, dengan memasukkan teks yang berbeda untuk TextView di langkah B.

    5. Di file XML layout fragmen tab_fragment1, ekstrak string untuk "These are the top stories:" ke dalam sumber daya string tab_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

Leave a Reply

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