Membuat TabLayout Android

Membuat tablayout android dengan eclipse sebagai berikut :

1.    Buka Eclipse – pilih file – new – Android Application Project..

2.    Isi Application Name dengan nama TabLayout – klik next.

3.    Pilih tempat penyimpanan file klik browse – lalu klik next..

4.    Pada Configure Launcher Icon setting icon sesuai keinginan – klik next..

5.    Pada Create Activity pilih Blank Activity – klik next..

6.    Pada Blank Activity biarkan apa adanya lalu klik finish...

7.    Ketikan coding dibawah ini pada activity_main.xml, pada package explorer pilih res – layout – activity_main.xml

<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/TableLayout1"

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">

<TableRow>

<Button

android:id="@+id/bckbutton"

android:text="Back"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

</TableRow>

<TableRow>

<TextView

android:text="First Name :"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_column="1"

/>

<EditText

android:width="100px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

</TableRow>

<TableRow>

<TextView

android:text="Last Name :"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_column="1"

/>

<EditText

android:width="100px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

/>

</TableRow>

<TableRow>

<Button

android:id="@+id/btnpanjang"

android:text="Button Panjang"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_span="4"

/>

</TableRow>

</TableLayout>

8.    Ketikan koding dibawah ini pada MainActivity.java, pada package explorer – pilih src – com.example.listview – MainActivity.java

<RelativeLayoutxmlns: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"

<Button

android:id="@+id/backbutton"

android:text="Back"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

<TextView

android:id="@+id/firstname"

android:text="First Name :"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/backbutton"

/>

<TextView

android:id="@+id/lastname"

android:text="Last Name :"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/backbutton"

android:layout_toLeftOf="@+id/editfirstname"

android:layout_alignLeft="@+id/editfirstname"

/>

<EditText

android:id="@+id/editfirstname"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/editfirstname"

android:layout_alignLeft="@+id/editfirstname"

android:ems="10"

android:width="100dp"

/>

<EditText

android:id="@+id/lastname"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_below="@+id/firstname"

android:layout_marginTop="32dp"

android:ems="10"

android:width="100dp">

<requestFocus/>

</EditText>

</RelativeLayout>

9.    Lihat pada Graphical Layout akan berubah seperti ini..

 

10.   Pada menu klik window – pilih android virtual device manager – klik new- lengkapi create new android virtual device/pilih yang telah tersedia – klik ok – klik start – klik launch. Kemudian akan tampil seperti ini..