Kamis, 12 Juli 2012

Android : Membuat Tabview untuk membuat tampilan yang berbeda, TabWidget

kali ini kita akan mencoba membuat Tab View untuk membuat tampilan yang berbeda.seperti terlihat pada gamabr dibawah.


  • pertama kita buat project baru dengan nama "tabview" kemudian isikan package dengan "tutorial.tabview" dan Activity "TabviewActivity"
  • Selanjutnya buka file main.xml dan isikan code berikut.
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@android:id/tabhost"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
   <LinearLayout
       android:orientation="vertical"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent">
       <TabWidget
           android:id="@android:id/tabs"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content" />
       <FrameLayout
           android:id="@android:id/tabcontent"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent">
           <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
               android:layout_height="fill_parent"
            android:id="@+id/tabview1">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="tabview1" />
               <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Ini Adalah Tab 1" />
                />
           </LinearLayout>
           <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
               android:layout_height="fill_parent"
            android:id="@+id/tabview2">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="tabview2" />
               <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="A" />
                />
               <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="B" />
                />
               <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="C" />
                />
           </LinearLayout>
           <TextView
               android:id="@+id/tabview3"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:text="tabview3" />
       </FrameLayout>
   </LinearLayout>
</TabHost>


  • kemudian kita buka file TabviewActivity dan lakukan perubahan seperti dibawah ini
package tutorial.tabview;

import android.app.Activity;
import android.os.Bundle;
import android.app.TabActivity;
import android.widget.TabHost;

public class TabviewActivity extends TabActivity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
TabHost mTabHost = getTabHost();
       
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 1").setContent(R.id.tabview1));
        mTabHost.addTab(mTabHost.newTabSpec("tab_test2").setIndicator("TAB 2").setContent(R.id.tabview2));
        mTabHost.addTab(mTabHost.newTabSpec("tab_test3").setIndicator("TAB 3").setContent(R.id.tabview3));
       
        mTabHost.setCurrentTab(0);
    }
}

  • Rubah  "TabviewActivity extends Activity" menjadi  "TabviewActivity extends TabActivity" seperti yang terlihat pada gambar diatas.
  • Kemudian jalankan aplikasi. . semoga bermanfaat

Oh ya buat kamu yang suka promo dan diskonan, ini ada aplikasi voucher belanja yang lengkap. Aku kemarin sudah download dan ternyata aplikasinya keren banget cuyy, voucher dan diskon nya lengkap mulai lazada, shopee, ovo, grab, gojek dan subsidi PLN , pencarian lagunya juga gampang banget, desainnya juga OKE. Download aja aplikasi PROMO LAZADA INDOMARET DISINI

1 komentar: