Android Tab Layout

10:00 muhtar arfa 1 Comments

Hello teman-teman Saung IT..

Tutorial kali ini akan membahas tentang Tab Layout, tapi sederhana banget ko' di activity_main.xml terdapat kode sebagai berikut :

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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" >

                <TextView
                    android:id="@+id/textView1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Gingerbread" />
               
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab2"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
                <TextView
                    android:id="@+id/textView3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Ice Craem Sandwitch" />                        
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab3"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
                <TextView
                    android:id="@+id/textView5"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Jelly Bean" />                     
            </LinearLayout>
           
        </FrameLayout>
    </LinearLayout>
</TabHost>




pada activity_main.xml tersebut ada tiga tab dimana saya hanya menggunakan satu layout saja dan masing-masing tab diletkkan dalam satu linear layout dan masing-masing linear layout tersebut dipasang id yang nantinya akan dipanggil di MainActivity.java
package id.contoh.androtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.TabHost;

public class MainActivity extends Activity {

    TabHost mTabHost;
   
  
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        mTabHost = (TabHost) findViewById(android.R.id.tabhost);
        mTabHost.setup();
       
        mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator("Gingerbread").setContent(R.id.tab1));
        mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator("Ice Cream Sandwitch").setContent(R.id.tab2));
        mTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator("Jelly Bean").setContent(R.id.tab3));
       
        mTabHost.setCurrentTab(0);
     
    }
   

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
   
}
dan tampilannya sebagai berikut
Source Code :
Android Tab Layout


1 komentar:

  1. Salam andro gan,...
    Gan ane pemula nih masalah pemograman java.. ane mau tannya nih gimana klw tab2 tersebut di buat dinamis... jadi klw kita ingin tambahkan objek lain di tabnya ngk musti lewat scriptx lagi tapi tinggal ambil dari dbx saja...

    Thanks

    BalasHapus