TabHost的两种使用方法

最新推荐文章于 2021-05-26 15:27:44 发布

流水无Qing

最新推荐文章于 2021-05-26 15:27:44 发布

阅读量1.1k

点赞数 1

分类专栏： android 文章标签： tabhost android应用

本文链接：https://blog.csdn.net/u011067360/article/details/23851119

版权

android 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

Android 实现tab视图有2种方法，一种就是继承tabactivity，一种是在布局页面中定义<tabhost>标签,

第一种：使用系统自带写好的TabHost（及继承自TabActivity类）

其具体步骤如下：

（1）使用setContentView()方法显示界面。

（2）TabHost对象获得并设置。

（3）创建并设置TabSpec对象。

（4）向TabHost中添加TabSpec完成标签页的使用。

<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">  
    <LinearLayout android:id="@+id/tab1"  
        android:layout_width="fill_parent" android:layout_height="fill_parent"  
        androidrientation="vertical">  
        <TextView android:id="@+id/TextView1"  
            android:text="This is a tab1" android:layout_width="fill_parent"  
            android:layout_height="wrap_content">  
        </TextView>  
    </LinearLayout>  
    <LinearLayout android:id="@+id/tab2"  
        android:layout_width="fill_parent" android:layout_height="fill_parent"  
        androidrientation="vertical">  
        <TextView android:id="@+id/TextView2"  
            android:text="This is a tab2" android:layout_width="fill_parent"  
            android:layout_height="wrap_content">  
        </TextView>  
    </LinearLayout>  
    <LinearLayout android:id="@+id/tab3"  
        android:layout_width="fill_parent" android:layout_height="fill_parent"  
        androidrientation="vertical">  
        <TextView android:id="@+id/TextView3"  
            android:text="This is a tab3" android:layout_width="fill_parent"  
            android:layout_height="wrap_content">  
        </TextView>  
    </LinearLayout>  
</FrameLayout>

import android.app.AlertDialog;  
import android.app.Dialog;  
import android.app.TabActivity;  
import android.content.DialogInterface;  
import android.os.Bundle;  
import android.view.LayoutInflater;  
import android.widget.TabHost;  
  
public class Test_TabWidget extends TabActivity {  
    /** Called when the activity is first created. */  
    private TabHost tabHost;  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        // setContentView(R.layout.main);  
        tabHost = this.getTabHost();  
        LayoutInflater li = LayoutInflater.from(this);  
        li.inflate(R.layout.main, tabHost.getTabContentView(), true);  
        tabHost.addTab(tabHost.newTabSpec("Tab_1").setContent(R.id.tab1)  
                .setIndicator("TAB1",  
                        this.getResources().getDrawable(R.drawable.img1)));  
        tabHost.addTab(tabHost.newTabSpec("Tab_2").setContent(R.id.tab2)  
                .setIndicator("TAB2",  
                        this.getResources().getDrawable(R.drawable.img2)));  
        tabHost.addTab(tabHost.newTabSpec("Tab_3").setContent(R.id.tab3)  
                .setIndicator("TAB3",  
                        this.getResources().getDrawable(R.drawable.img3)));  
        tabHost.setCurrentTab(1);  
//      tabHost.setBackgroundColor(Color.GRAY);  
        tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {  
  
            public void onTabChanged(String tabId) {  
                Dialog dialog = new AlertDialog.Builder(Test_TabWidget.this)  
                        .setTitle("提示").setMessage(  
                                "选中了" + tabId + "选项卡").setIcon(R.drawable.icon).setPositiveButton("确定", new DialogInterface.OnClickListener(){  
  
                                    public void onClick(DialogInterface dialog,  
                                            int which) {  
                                        // TODO Auto-generated method stub  
                                          
                                    }  
                                      
                                }).create();  
                dialog.show();  
  
            }  
  
        });  
    }  
}

第二种：就是定义我们自己的tabHost：不用继承TabActivity。

在自定义TabHost时需要注意，创建TabHost时需要以下3个步骤：

（1）在xml资源文件中创建TabHost节点，并将id设置为tabhost。

（2）创建TabWidget子节点，并设置id为tabs。

（3）创建FrameLayout子节点，用于显示内容，其id为tabcontent。

与使用TabActivity相比较不难发现，自定义TabHost时不需要继承TabActivity了，只需要简单继承Activity就可以了，这无疑给我们编程提供了更大的自由发挥的空间。因为我们知道继承虽然会给我们的编程带来很大程度的方便，但也同样带来了很多的条条框框的限制。

让我们着重来看第二步获得TabHost对象，这里的获得TabHost对象的方法与使用TabActivity时又不一样了，具体方法为：

m_TabHost = (TabHost)findViewById(android.R.id.tabhost);

我们发现得到TabHost的方法是最简单、最常见的findViewById()方法！这里的参数就是android.R.id.tabhost，也就是在xml资源文件中我们实现定义的：

android:id="@android:id/tabhost"

需要注意的是，在获得了TabHost之后，我们需要调用：

TabHost.setup()

调用了该方法之后，TabHost才设置完成可以正常使用。而在使用TabActvity时则不需这一步，因为在getTabHost()方法中已经完成了设置的工作。

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/TabHost01" android:layout_width="fill_parent"  
    android:layout_height="fill_parent">  
    <LinearLayout android:layout_width="fill_parent"  
        android:orientation="vertical" android:layout_height="fill_parent">    
        <FrameLayout android:id="@android:id/tabcontent"                                      //这里的id一定要是"@android:id/tabcontent"
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent">  
            <LinearLayout android:id="@+id/LinearLayout1"  
                android:layout_width="fill_parent"  
                android:layout_height="wrap_content">  
                <TextView android:text="one"  
                    android:id="@+id/TextView01" android:layout_width="wrap_content"  
                    android:layout_height="wrap_content">  
                </TextView>  
            </LinearLayout>  
            <LinearLayout android:id="@+id/LinearLayout2"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content">  
                <TextView android:text="two"  
                    android:id="@+id/TextView02" android:layout_width="fill_parent"  
                    android:layout_height="wrap_content">  
                </TextView>  
            </LinearLayout>  
            <LinearLayout android:id="@+id/LinearLayout3"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content">  
                <TextView android:text="three"  
                    android:id="@+id/TextView03" android:layout_width="fill_parent"  
                    android:layout_height="wrap_content">  
                </TextView>  
            </LinearLayout>  
        </FrameLayout>  
          <TabWidget android:id="@android:id/tabs"      //注意id表述方式，一定要是"@android:id/tabs"
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content" />
 </LinearLayout> </TabHost>

import android.app.Activity;  
import android.os.Bundle;  
import android.util.Log;  
import android.view.LayoutInflater;  
import android.widget.TabHost;  
  
public class Test_TabHost extends Activity {  
    /** Called when the activity is first created. */  
    private TabHost tabHost;  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        try{  
            tabHost = (TabHost) this.findViewById(R.id.TabHost01);  
            tabHost.setup();  
              
            tabHost.addTab(tabHost.newTabSpec("tab_1")  
                    .setContent(R.id.LinearLayout1)  
                    .setIndicator("TAB1",this.getResources().getDrawable(R.drawable.img1)));  
            tabHost.addTab(tabHost.newTabSpec("tab_2")  
                    .setContent(R.id.LinearLayout2).setIndicator("TAB2",  
                            this.getResources().getDrawable(R.drawable.img2)));  
            tabHost.addTab(tabHost.newTabSpec("tab_3")  
                    .setContent(R.id.LinearLayout3).setIndicator("TAB3",  
                            this.getResources().getDrawable(R.drawable.img3)));  
            tabHost.setCurrentTab(1);  
        }catch(Exception ex){  
            ex.printStackTrace();  
            Log.d("EXCEPTION", ex.getMessage());  
        }  
      }  
}

PS
1、android中的TabActivity是专门用来放置TabHost组件的，但是很遗憾，非常固定，必须放在顶部，对于单手使用手机的人来说，很不方便。所以研究了一下如何将TabBar放置底部，具体思路是在xml布局文件中，将TabWidget放于FrameLayout的下面（两者是垂直线性的关系），并分配各个组件的权重。另外，如果想去掉Tab中那个丑陋的白线，可以通过设置其Padding实现。

2、让自己的类继承TabActivity，然后通过调用getTabHost()方法得到tabhost对象，然后把自己写好的数据展示的布局文件加载到tabhost中，就可以实现了。最后是通过调用addTab（）方法添加标签的相关属性（如：标签名称，标签图片，标签内容布局）。
而如果通过XML文件配置tabHost则需要注意的是，framelayout,tabwidget标签的id都必须引用系统的id（@android:id/tabcontent,@android:id/tabs），不然会报异常.在程序用使用findViewById()加载tabhost，然后调用tabhost.setup()方法初始化tabhost，后面的步骤则和上面一种一样

流水无Qing

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
TabHost的两种使用方法

Android 实现tab视图有2种方法，一种就是继承tabactivity，一种是在布局页面中定义标签,第一种：使用系统自带写好的TabHost（及继承自TabActivity类）其具体步骤如下：（1）使用setContentView()方法显示界面。（2）TabHost对象获得并设置。（3）创建并设置TabSpec对象。（4）向TabHo
复制链接

扫一扫