现在的位置: 首页 > 综合 > 正文

玩转Android TabWidget(切换卡)

2011年01月28日 ⁄ 综合 ⁄ 共 3241字 ⁄ 字号 评论关闭
Tab选项卡类似与电话本的界面,通过多个标签切换不同的内容,要实现这个效果,首先要知道TabHost,它是一个用来存放多个Tab标签的容器,每一个Tab都可以对应自己的布局,比如,电话本中的Tab布局就是一个线性布局
要使用TabHost,首先要通过getTabHost方法获取TabHost的对象,然后通过addTab方法来向TabHost中添加Tab,当然每个Tab在切换时都会产生一个事件,要捕捉这个事件,需要设置TabActivity的事件监听setOnTabChangedListener
下面是个小例子:
TabTest.java   
  
view plaincopy to clipboardprint?   
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对象     
        tabhost = getTabHost();     
        //为TabHost添加标签     
        //新建一个newTabSpec(newTabSpec)     
        //设置其标签和图标(setIndicator)     
        //设置内容(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));     
        //设置TabHost的背景颜色     
        //tabhost.setBackgroundColor(Color.argb(150,22,70,150));     
        //设置TabHost的背景图片资源     
        tabhost.setBackgroundResource(R.drawable.bg0);     
        //设置当前显示哪个标签     
        tabhost.setCurrentTab(0);     
        //标签切换事件处理,setOnTabChangedListener     
        tabhost.setOnTabChangedListener(new OnTabChangeListener()     
        {     
            public void onTabChanged(String tabId)     
            {     
                Toast toast=Toast.makeText(getApplicationContext(), "现在是"+tabId+"标签", 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="选项卡1" />     
            <TextView      
                android:id="@+id/text2"     
                android:layout_width="fill_parent"     
                android:layout_height="fill_parent"      
                android:text="选项卡2" />     
            <TextView      
                android:id="@+id/text3"     
                android:layout_width="fill_parent"     
                android:layout_height="fill_parent"      
                android:text="选项卡3" />     
        </FrameLayout>     
    </LinearLayout>     
</TabHost>    

抱歉!评论已关闭.