Go语言视频零基础入门到精通

8jnuj3

Tab选项卡类似与电话本的界面，通过多个标签切换不同的内容，要实现这个效果，首先要知道TabHost，它是一个用来存放多个Tab标签的容器，每一个Tab都可以对应自己的布局，比如，电话本中的Tab布局就是一个线性布局

要使用TabHost，首先要通过getTabHost方法获取TabHost的对象，然后通过addTab方法来向TabHost中添加Tab，当然每个Tab在切换时都会产生一个事件，要捕捉这个事件，需要设置TabActivity的事件监听setOnTabChangedListener

下面是个小例子：
TabTest.java

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对象

        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

Java代码
<?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

        androidrientation="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>
复制代码

运行效果如下：

彩虹糖梦

学习。。。

yweii

支持支持～～～

因爲今生

在看看～～～～～

黑色灵兵

走了走了～～～～

jjuiwe

挺好的，顶一下了

yy1020