快捷導(dǎo)航

Android切換卡TabWidget用法示例

更新時(shí)間：2016年08月18日 10:55:00 作者：與時(shí)俱進(jìn)

這篇文章主要介紹了Android切換卡TabWidget用法,結(jié)合實(shí)例形式分析了TabWidget選項(xiàng)卡界面布局及功能實(shí)現(xiàn)的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了Android切換卡TabWidget用法。分享給大家供大家參考，具體如下：

Tab選項(xiàng)卡類似與電話本的界面，通過(guò)多個(gè)標(biāo)簽切換不同的內(nèi)容，要實(shí)現(xiàn)這個(gè)效果，首先要知道TabHost，它是一個(gè)用來(lái)存放多個(gè)Tab標(biāo)簽的容器，每一個(gè)Tab都可以對(duì)應(yīng)自己的布局，比如，電話本中的Tab布局就是一個(gè)線性布局

要使用TabHost，首先要通過(guò)getTabHost方法獲取TabHost的對(duì)象，然后通過(guò)addTab方法來(lái)向TabHost中添加Tab，當(dāng)然每個(gè)Tab在切換時(shí)都會(huì)產(chǎn)生一個(gè)事件，要捕捉這個(gè)事件，需要設(shè)置TabActivity的事件監(jiān)聽(tīng)setOnTabChangedListener

下面是個(gè)小例子：

TabTest.java：

package org.hualang.tab;
import android.app.Activity;
import android.app.TabActivity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.Toast;
import android.widget.TabHost.OnTabChangeListener;
public class TabTest extends TabActivity {
  /** Called when the activity is first created. */
  TabHost tabhost;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    //取得TabHost對(duì)象
    tabhost = getTabHost();
    //為TabHost添加標(biāo)簽
    //新建一個(gè)newTabSpec(newTabSpec)
    //設(shè)置其標(biāo)簽和圖標(biāo)（setIndicator）
    //設(shè)置內(nèi)容（setContent）
    tabhost.addTab(tabhost.newTabSpec("tab1")
        .setIndicator("TAB 1",getResources().getDrawable(R.drawable.img1))
        .setContent(R.id.text1));
    tabhost.addTab(tabhost.newTabSpec("tab2")
        .setIndicator("TAB 2",getResources().getDrawable(R.drawable.img2))
        .setContent(R.id.text2));
    tabhost.addTab(tabhost.newTabSpec("tab3")
        .setIndicator("TAB 3",getResources().getDrawable(R.drawable.img3))
        .setContent(R.id.text3));
    //設(shè)置TabHost的背景顏色
    //tabhost.setBackgroundColor(Color.argb(150,22,70,150));
    //設(shè)置TabHost的背景圖片資源
    tabhost.setBackgroundResource(R.drawable.bg0);
    //設(shè)置當(dāng)前顯示哪個(gè)標(biāo)簽
    tabhost.setCurrentTab(0);
    //標(biāo)簽切換事件處理，setOnTabChangedListener
    tabhost.setOnTabChangedListener(new OnTabChangeListener()
    {
      public void onTabChanged(String tabId)
      {
        Toast toast=Toast.makeText(getApplicationContext(), "現(xiàn)在是"+tabId+"標(biāo)簽", Toast.LENGTH_SHORT);
        toast.show();
      }
    });
  }
}

main.xml：

<?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">
      <TextView
        android:id="@+id/text1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="選項(xiàng)卡1" />
      <TextView
        android:id="@+id/text2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="選項(xiàng)卡2" />
      <TextView
        android:id="@+id/text3"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="選項(xiàng)卡3" />
    </FrameLayout>
  </LinearLayout>
</TabHost>

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: