Membuat tab menu di aplikasi android Oleh: Jefri Rendra Wiratmaja
Salam jagocoding. Dikesempatan kali ini saya akan menjelaskan bagaimana membuat menu tab di aplikasi android. Menu tab seringkali digunakan untuk menampilkan menu pada aplikasi. Banyak aplikasi yang menggunakan menu tab seperti media player bawaan android. Ternyata membuat menu tab ini tidak terlalu...
Salam jagocoding. Dikesempatan kali ini saya akan menjelaskan bagaimana membuat menu tab di aplikasi android. Menu tab seringkali digunakan untuk menampilkan menu pada aplikasi. Banyak aplikasi yang menggunakan menu tab seperti media player bawaan android. Ternyata membuat menu tab ini tidak terlalu sulit. Lansung saja kita . ● ●
Buat project baru dengan nama MenuTab Kemudian buka folder res => layout => activity_main.xml. Disini ada 3 komponen yaitu TabHost,TabWidget dan FrameLayout. TabWidget digunakan untuk menampilkan menu - menu tab yang kita buat. Dan FrameLayout digunakan untuk menampilkan isi dari menu tab. Berikut kode lengkapnya.
●
Selanjutnya masuk ke folder src -> MainActivity.java untuk membuat menu - menu tab. MainActivity dibawah memakai extends TabActivity yang dimana artinya class yang terdapat di TabActivity bisa diturunkan ke MainActivity.
package com.example.menutab; import android.os.Bundle; import android.app.TabActivity; import android.content.Intent; import android.widget.TabHost; @SuppressWarnings("deprecation") public class MainActivity extends TabActivity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabHost tabhost = getTabHost(); TabHost.TabSpec spec; Intent intent; intent = new Intent().setClass(this, BerandaActivity.class);//content pada tab yang akan kita buat spec = tabhost.newTabSpec("beranda").setIndicator("Beranda",null).setContent(intent);//mengeset nama tab dan mengisi content pada menu tab anda. tabhost.addTab(spec);//untuk membuat tabbaru disini bisa diatur sesuai keinginan anda intent = new Intent().setClass(this, BeritaActivity.class); spec = tabhost.newTabSpec("berita").setIndicator("Berita",null).setContent(intent); tabhost.addTab(spec); intent = new Intent().setClass(this, TemanActivity.class); spec = tabhost.newTabSpec("teman").setIndicator("Teman",null).setContent(intent); tabhost.addTab(spec); } } ● ●
●
Kemudian kita menyiapkan layout untuk ditampilkan di menu tab. Source beranda.xml. Layout ini digunakan untuk menampilkan menu beranda.
Source berita.xml. Layout ini digunakan untuk menampilkan menu berita.
android:orientation="vertical" >
●
● ●
Source teman.xml. Layout ini digunakan untuk menampilkan menu teman.
Selanjutnya membuat class baru untuk memanggil layout" yang sudah kita buat. Source BerandaActivity.java. package com.example.menutab; import android.app.Activity; import android.os.Bundle; public class BerandaActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.beranda); } }
●
Source BeritaActivity.java package com.example.menutab; import android.app.ListActivity; import android.os.Bundle; import android.widget.ArrayAdapter; public class BeritaActivity extends ListActivity { String [] berita ={"Jadwal Piala Dunia 2014", "Capres Indonesia", "Debat Capres", "Debat Cawapres"}; @Override public void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.berita);
setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, berita));
●
} } Source TemanActivity.java package com.example.menutab; import android.app.ListActivity; import android.os.Bundle; import android.widget.ArrayAdapter;
public class TemanActivity extends ListActivity { String [] teman ={"Andra", "Dina", "Edo", "Julia"}; @Override public void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.teman); setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, teman)); } } ●
●
Jangan lupa untuk mendaftarkan activity yang kita buat ke Androidmanifest.xml kodenya seperti berikut.
Kode lengkapnya dapat dilihat seperti ini. <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.menutab" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" />
●
Berikut saya sertakan screenshot dari aplikasi diatas
●
Gambar Tab Beranda
●
Gambar Tab Berita
●
Gambar Tab Teman
Tentang Penulis
Jefri Rendra Wiratmaja Harus bisa banyak berkarya semasih lagi mud :)