TABHOST | ANDROID

Berikut ini adalah cara membuat TabHost dengan eclipse :

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

1.    Isi Application Name misal TabMenu – klik next..

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

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

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

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

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

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

                <TextView

                    android:id="@+id/textView1"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="Misi : Unggul Dalam Pengembangan Ilmu Pengetahuan dan Teknologi Dengan Menyiapkan SDM Berkualitas Berjiwa Technopreneur.

Facebook : https://www.facebook.com/STMIK.AMIKOM.PURWOKERTO

dan untuk situs resmi kunjungi http://amikompurwokerto.ac.id/" />

               

            </LinearLayout>

            <LinearLayout

                android:id="@+id/tab2"

                android:layout_width="match_parent"

                android:layout_height="match_parent" >

                <TextView

                    android:id="@+id/textView2"

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:text="Dina Andhini Kayadoe, Purbalingga, 06 Juli 1994, kelas SI12B di STMIK AMIKOM PURWOKERTO.

NIM : 12.12.0078.

Blog : lastlern.blogspot.com.

Email : lastlern67@gmail.com" />                         

            </LinearLayout>

           

        </FrameLayout>

    </LinearLayout>

</TabHost>

</RelativeLayout>

Ketikan coding dibawah ini pada MainActivity.java, pada package explorer pilih src –  MainActivity.java...

package com.kayadoe.tabmenu;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.TabHost;

public class MainActivity extends Activity {

   TabHost mTabHost;

   

   @Override

   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("AMIKOM PURWOKERTO").setContent(R.id.tab1));

        mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator("DATA DIRI").setContent(R.id.tab2));

       

        mTabHost.setCurrentTab(0);

         

         

   }

   @Override

   public boolean onCreateOptionsMenu(Menu menu) {

          // Inflate the menu; this adds items to the action bar if it is present.

          getMenuInflater().inflate(R.menu.main, menu);

          return true;

   }

}

Sebagai emulator android disini saya menggunakan BlueStacks. Berikut cara menggunakan BlueStacks sebagai emulator.

Klik Run – Run configurations – Android application – New_configuration. lalu

Pada tab Android browse untuk memilih project, pada tab Target pilih Always prompt to pick device lalu klik Apply lalu klik Run.

hasil :