TabHost的两种使用方法-白红宇

TabHost的两种使用方法

阅读量：4287 次

发布时间：2019-05-27

本文共 5545 字，大约阅读时间需要 18 分钟。

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

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

其具体步骤如下：

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

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

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

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

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()方法中已经完成了设置的工作。

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());          }        }  }

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，后面的步骤则和上面一种一样

转载地址：http://lltgi.baihongyu.com/

你可能感兴趣的文章