Latest Updates

Cara Membuat Menu Tab Swipe Pada Aplikasi Android Part 2


Oke gan setelah agan mengerjakan Cara Membuat Menu Tab Swipe Part 1 maka kini saatnya agan menlanjutkan bagian yang tersisa.
Sekarang agan atur dulu untuk tampilan tabsnya. Kita atur tabs 1 pertama dulu gan, untuk menambahkan widget agan bisa mendragnya dari form Widget, disini dicontohkan kita menambahkan textview, agan bisa memilih untuk ukurannya dari textview, Large, Medium atau Small dan merubah tulisan defaultnya pada propertis bagian text.

Gambar 0
Atau agan menambahkan widget langsung dari kode xml dibawah ini pada jendela xmlnya
  
    



Gambar 1
Untuk Tabs kedua silahkan agan ulangi cara diatas.
Oke jika semua sudah diatur maka tiba saatnya kita memodif file class kita. Oke  buka langsung saja file javanya.
Untuk pertama kita atur posisi awal tabs ketika dibuka dan atur swipe perpindahannya, untuk mempercepat pencarian kodenya kita gunakan saja kombinasi keyboard ctrl+f terus ketik getItem klik Find dan copy-paste code dibawah ini.
if (position == 1) {

                        Fragment fragment = new FragmentSatu();

                        Bundle args = new Bundle();

                        args.putInt(DummySectionFragment.ARG_SECTION_NUMBER,

                                    position + 1);

                        fragment.setArguments(args);

                        return fragment;

                  } else {

                        Fragment fragment = new FragmentDua();

                        Bundle args = new Bundle();

                        args.putInt(DummySectionFragment.ARG_SECTION_NUMBER,

                                    position + 1);

                        fragment.setArguments(args);

                        return fragment;

                  }


Sehingga sama seperti  gambar dibawah ini

Gambar 2
Jika sudah maka selanjutnya kita atur banyaknya tab yang akan kita buat pada getCount, untuk mempercepat pencarian kodenya kita gunakan saja kombinasi keyboard ctrl+f terus ketik getCount klik Find dan copy-paste code dibawah ini.
 

@Override

            public int getCount() {

//Atur sesuai jumlah tabs yang kita buat

                  return 2;

            }

            @Override

            public CharSequence getPageTitle(int position) {

                  Locale l = Locale.getDefault();

                  //Atur juga sesuai tab yang kita buat, disini kita buat hanya 2 tab

                  switch (position) {

                  case 0:

                        return "Tabs 1";

                  case 1:

                        return "Tabs 2";

                  }

                  return null;

            }

      }

Sehingga sama seperti  gambar dibawah ini.

 
Gambar 3
Setelah kita mengatur settingan launcher tab dan swipenya dan tentu juga setelah mengatur jumlah tab yang akan dibuat maka selanjutnya kita buat class baru di bawah class DummySectionFragment, seperti biasa untuk mempercepat pencarian kode kita gunakan saja kombinasi keyboard ctrl+f, terus pada kotak pencarian kita ketikan class DummySectionFragment lalu klik find, nah tepat pada akhir kurung kurawal dari class DummySectionFragment disitulah kita akan membuat class untuk tabs / fragment kita, perhatikan gambar dibawah ini.


Gambar 4
Jika sudah meletakan cursor tepat dibawah kurung kurawal class DummySectionFragment maka agan copy – paste code dibawah ini.
    

 public class FragmentDua extends Fragment {

           

            public static final String ARG_SECTION_NUMBER = "section_number";

            public FragmentDua() {

            }

            @Override

            public View onCreateView(LayoutInflater inflater, ViewGroup container,

                        Bundle savedInstanceState) {

                  View rootView = inflater.inflate(R.layout.fragment_main_dummy,

                              container, false);

                  // komponen button dan lain-lain dan event bisa diset disini

     

                  return rootView;

            }

      }

      public class FragmentSatu extends Fragment {

     

            public static final String ARG_SECTION_NUMBER = "section_number";

            public FragmentSatu() {

            }

            @Override

            public View onCreateView(LayoutInflater inflater, ViewGroup container,

                        Bundle savedInstanceState) {

                  View rootView = inflater.inflate(R.layout.fragment_second_dummy,

                              container, false);

                  // komponen button dan lain-lain dan event bisa diset disini

                  return rootView;

            }

      }

*Catatan : untuk mendeklarasikan widget yang agan gunakan seperti button, listbox atau sebagainya agan bisa menambahkannya di bagian tepat dibawah ViewPager mViewPager; silahkan agan find saja untuk menemukan kode ViewPager mViewPager;.
Nah akhirnya selesai sudah kita membuat menu tabs + swipe pada aplikasi android kita, gimana gan mudahkan. Untuk yang pengen download Projectnya silahkan klik gambar download dibawah ini.
Download Projectnya

Mungkin itu dulu gan jika ada kata – kata yang kurang berkenan,Belajar Ilmu Komputer mengucapkan minta maaf dan sampai disini dulu dan sampai jumpa di next postingan. daaaaaahhh

0 Response to "Cara Membuat Menu Tab Swipe Pada Aplikasi Android Part 2"

Catat Ulasan

good