android之tabhost讲解

最新推荐文章于 2022-04-24 21:04:47 发布

转载最新推荐文章于 2022-04-24 21:04:47 发布 · 797 阅读

Android开发之路专栏收录该内容

33 篇文章

订阅专栏

本文介绍如何使用Tab标签页在Android应用中实现多分页快速切换。通过详细步骤讲解TabActivity的使用方法，并提供两种实现示例：一种利用FrameLayout进行内容切换；另一种通过ListView结合TabContentFactory接口实现。

Tab标签页是界面设计时经常应用的界面控件，可以实现多个分页之间的快速切换，每个分页可以显示不合的内容
Tab标签页的应用
      1.起首要设计所有的分页的界面布局
      2.在分页设计完成后，应用代码建树Tab标签页，并给每个分页添加标识和题目
      3.最后断定每个分页所显示的界面布局
      每个分页建树一个XML文件，用以编辑和保存分页的界面布局，应用的办法与设计通俗用户界面没有什么差别

应用Tab标签页的一般步调
起首要设计所有的分页的界面布局
Activity持续TabActivity
调用TabActivity的getTabHost（）办法获得TabHost对象
经由过程TabHost创建Tab

所谓的tabhost供给选项卡（Tab页）的窗口视图容器.此对象包含两个子对象：一个是应用户可以选择指定标签页的标签的凑集；另一个是用于显示标签页内容的 FrameLayout. 选项卡中的个别元素一般经由过程其容器对象来把握，而不是直接设置子元素本身的值.

先演示一个简单的例子，只有一个Activity，但要重视的是持续tabActivity这个类

第一步：在布局文件中main.xml敲入代码。重视这里用了FrameLayout，首要特点是可以覆盖其他内容，只显示当前的

View Code

 1 <？xml version="1.0" encoding="utf-8"？>
 2 
 3 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:id="＠+id/FrameLayout01" 
 5     android:layout_width="wrap_content" 
 6     android:layout_height="wrap_content">
 7     
 8     <TextView 
 9     android:id="＠+id/TextView01" 
10     android:layout_width="wrap_content" 
11     android:layout_height="wrap_content" 
12     android:text="所有通话记录"></TextView>
13     
14     <TextView 
15     android:id="＠+id/TextView02" 
16     android:layout_width="wrap_content" 
17     android:layout_height="wrap_content" 
18     android:text="已接来电"></TextView>
19     
20     <TextView 
21     android:id="＠+id/TextView03" 
22     android:layout_width="wrap_content" 
23     android:layout_height="wrap_content" 
24     android:text="未接来电"></TextView>
25     
26 </FrameLayout>

第二步：编写layouttab01Activity.java这个文件，斗劲简单。

View Code

 1 package cn.edu.zwu.tel;
 2 
 3 import android.app.TabActivity;
 4 import android.os.Bundle;
 5 import android.view.LayoutInflater;
 6 import android.widget.TabHost;
 7 import android.widget.Toast;
 8 import android.widget.TabHost.OnTabChangeListener;
 9 
10 
11 public class LayoutTab01Activity extends TabActivity {
12     ＠Override
13     public void onCreate（Bundle savedInstanceState） {
14         super.onCreate（savedInstanceState）;
15         
16         TabHost th = getTabHost（）;
17         //声明TabHost，然后用LayoutInflater过滤出布局来，给TabHost加上含有Tab页面的FrameLayout
18 //（this）从这个TabActivity获取LayoutInflater　　
19 //R.layout.main 存放Tab布局
20 //经由过程TabHost获得存放Tab标签页内容的FrameLayout　　
21 //是否将inflate 拴系到根布局元素上
22         LayoutInflater.（this）.inflate（R.layout.main， th.getTabContentView（）， true）; 
23         //经由过程TabHost获得存放Tab标签页内容的FrameLayout，
24 //newTabSpecd的感化是获取一个新的 TabHost.TabSpec，并接洽关系到当前 TabHost
25 //setIndicator的感化是指定标签和图标作为选项卡的指导符.
26 //setContent的感化是指定用于显示选项卡内容的视图 ID.
27         th.addTab（th.newTabSpec（"all"）.setIndicator（"所有通话记录"， getResources（）.getDrawable（R.drawable.call_forward））.setContent（R.id.TextView01））;
28         th.addTab（th.newTabSpec（"ok"）.setIndicator（"已接来电"，getResources（）.getDrawable（R.drawable.phone_call））.setContent（R.id.TextView02））;
29         th.addTab（th.newTabSpec（"cancel"）.setIndicator（"未接来电"，getResources（）.getDrawable（R.drawable.call_bluetooth））.setContent（R.id.TextView03））;
30         //setOnTabChangeListener的功课是注册一个回调函数，当任何一个选项卡的选中状况产生改变时调用.  
31         th.setOnTabChangedListener（
32                 new OnTabChangeListener（） {
33                     ＠Override
34                     public void onTabChanged（String tabId） {
35                         Toast.makeText（LayoutTab01Activity.this， tabId， Toast.LENGTH_LONG）.show（）;
36                     }
37                 }
38             ）;       
39     }
40 }

演示结果图：

第二种办法：没有效到FrameLayout这个布局，而直接用了listview，创建选项卡内容的回调函数creatTabContent（）实现的

第一步：编写main.xml文件，具体代码如下

View Code

 1 <？xml version="1.0" encoding="utf-8"？>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="fill_parent"
 5     android:orientation="vertical" >
 6 
 7     <TextView
 8         android:layout_width="fill_parent"
 9         android:layout_height="wrap_content"
10         android:text="＠string/hello" />
11 
12 </LinearLayout>

第二步;编写layoutTabActivity.java文件，具体申明都注释在代码里

View Code

 1 package cn.edu.zwu.tel;
 2 
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 import android.app.TabActivity;
 6 import android.os.Bundle;
 7 import android.view.View;
 8 import android.widget.ArrayAdapter;
 9 import android.widget.ListView;
10 import android.widget.TabHost;
11 
12 //TabContentFactory的意思是当某一选项卡被选中时生成选项卡的内容.
13 //若是你的选项卡的内容按某些前提来生成， 请应用该接口.例如：不显示既存的视图而是启动活动.
14 public class LayoutTab02Activity extends TabActivity implements TabHost.TabContentFactory  {
15 
16 ＠Override
17   public void onCreate（Bundle savedInstanceState） 
18   {
19         super.onCreate（savedInstanceState）;
20         TabHost th = getTabHost（）;
21          //newTabSpecd的感化是获取一个新的 TabHost.TabSpec，并接洽关系到当前 TabHost
22 //setIndicator的感化是指定标签和图标作为选项卡的指导符.
23 //setContent的感化是指定用于显示选项卡内容的视图 ID.
24         th.addTab（th.newTabSpec（"all"）.setIndicator（"所有通话记录"）.setContent（this））;
25         th.addTab（th.newTabSpec（"ok"）.setIndicator（"已接来电"）.setContent（this））;
26         th.addTab（th.newTabSpec（"cancel"）.setIndicator（"未接来电"）.setContent（this））;
27     }
28 //创建选项卡内容的回调函数.        
29   public View createTabContent（String tag） 
30   {
31         ListView lv = new ListView（this）;
32         List<String> list = new ArrayList<String>（）;
33         list.add（tag）;
34         if（tag.equals（"all"））
35         {
36             list.add（"tom"）;
37             list.add（"kite"）;
38             list.add（"rose"）;
39         }else if（tag.equals（"ok"））
40         {
41             list.add（"tom"）;
42             list.add（"kite"）;
43         }else
44         {
45             list.add（"rose"）;
46         }
47         
48         ArrayAdapter<String> adapter = new ArrayAdapter<String>（this，
49                 android.R.layout.simple_list_item_checked， list）;
50         lv.setAdapter（adapter）;
51         return lv;
52     }
53   }