“ Cara membuat tab layout dengan aplikasi ADT ”

Tabs layout atau tab system adalah bentuk tabs yang akan terbuka layout-layout baru dalam satu activity, jika Anda membuat sebuah activity dan menginginkan bisa membuat menu-menu dari batton maka saya sarankan jangan gunakan button dan activity baru cukup menggunakan tabs menu atau tabs layout ini karena lebih singkat dan ringan aplikasi kita tidak perlu harus banyak activity.
Untuk membuat tabs layout ini dibutuhkan sebuah project baru kemudian drag-drop tabs dan component (listview,form,webview,dll) yang dibutuhkan kedalam layout dari tabs, untuk lebih jelas silahkan ikuti langkah-langkah dibawah ini.
  1. Setelah Anda membuat project baru kemudian Anda drag-drop tabs kedalam disain project activity_main.xml.
  1. Atau anda juga bisa cocokkan dengan kode activity_main.xml dibawah ini.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >


<TabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" >


<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >


<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</TabWidget>


<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent" >


<LinearLayout
android:id="@+id/tab1"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>


<LinearLayout
android:id="@+id/tab2"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>


<LinearLayout
android:id="@+id/tab3"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</LinearLayout>
</FrameLayout>
</LinearLayout>
</TabHost>


</RelativeLayout>


3. Berikutnya, pada file Activity di java kita bisa memanggil elemen TabLayout pada xml dengan cara seperti saat kita memanggil elemen layout lainnya :
package com.example.tablayout;




import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
public class MainActivity extends Activity {
TabHost Taband;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Taband = (TabHost) findViewById(android.R.id.tabhost);
Taband.setup();
Taband.addTab(Taband.newTabSpec("tab1").setIndicator("Lihat").setContent(R.id.tab1));
Taband.addTab(Taband.newTabSpec("tab2").setIndicator("Tambah").setContent(R.id.tab2));
Taband.addTab(Taband.newTabSpec("tab3").setIndicator("Cari").setContent(R.id.tab3));
Taband.setCurrentTab(0);
}
}
dan ini hasilnya..