选项卡TabHost

1.布局

 1 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:id="@+id/tabHost"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent" >
 6
 7     <LinearLayout
 8         android:id="@+id/tab1"
 9         android:layout_width="match_parent"
10         android:layout_height="match_parent"
11         android:orientation="vertical"
12         tools:context=".AndroidTabHostActivity" >
13
14         <TextView
15             android:layout_width="wrap_content"
16             android:layout_height="wrap_content"
17             android:layout_centerHorizontal="true"
18             android:layout_centerVertical="true"
19             android:text="第一个" />
20     </LinearLayout>
21
22     <LinearLayout
23         android:id="@+id/tab2"
24         android:layout_width="match_parent"
25         android:layout_height="match_parent"
26         android:orientation="vertical"
27         tools:context=".AndroidTabHostActivity" >
28
29         <TextView
30             android:layout_width="wrap_content"
31             android:layout_height="wrap_content"
32             android:layout_centerHorizontal="true"
33             android:layout_centerVertical="true"
34             android:text="第二个" />
35     </LinearLayout>
36
37     <LinearLayout
38         android:id="@+id/tab3"
39         android:layout_width="match_parent"
40         android:layout_height="match_parent"
41         android:orientation="vertical"
42         tools:context=".AndroidTabHostActivity" >
43
44         <TextView
45             android:layout_width="wrap_content"
46             android:layout_height="wrap_content"
47             android:layout_centerHorizontal="true"
48             android:layout_centerVertical="true"
49             android:text="第三个" />
50     </LinearLayout>
51
52 </TabHost>

2.逻辑控制

 1 package com.example.androidtabhost;
 2
 3 import android.os.Bundle;
 4 import android.app.Activity;
 5 import android.app.TabActivity;
 6 import android.view.LayoutInflater;
 7 import android.view.Menu;
 8 import android.widget.TabHost;
 9
10 public class AndroidTabHostActivity extends TabActivity {
11 //注意：extends TabActivity
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         //setContentView(R.layout.activity_android_tab_host);
16         TabHost tabHost=getTabHost();//(TabHost)this.findViewById(R.id.tabHost);
17         //设置TabHost布局
18         LayoutInflater.from(this).inflate(R.layout.activity_android_tab_host,tabHost.getTabContentView(),true);
19         //添加第一个标签页
20         tabHost.addTab(tabHost.newTabSpec("tab01").setIndicator("已接电话").setContent(R.id.tab1));
21         //添加第2个标签页
22         tabHost.addTab(tabHost.newTabSpec("tab02").setIndicator("呼出电话",getResources().getDrawable(R.drawable.sj)).setContent(R.id.tab2));
23         //添加第3个标签页
24         tabHost.addTab(tabHost.newTabSpec("tab03").setIndicator("未接电话").setContent(R.id.tab3));
25
26     }
27
28     @Override
29     public boolean onCreateOptionsMenu(Menu menu) {
30         // Inflate the menu; this adds items to the action bar if it is present.
31         getMenuInflater().inflate(R.menu.activity_android_tab_host, menu);
32         return true;
33     }
34
35 }

TabHost是整个Tab的容器，包括两部分，TabWidget和FrameLayout。TabWidget就是每个tab的标签，FrameLayout则是tab内容

TabHost的二种实现方式：
第一种：继承TabActivity

1、如果我们使用extendsTabAcitivty，如同ListActivity，TabHost必须设置为@android:id/tabhost
2、TabWidget必须设置android:id为@android:id/tabs
3、FrameLayout需要设置android:id为@android:id/tabcontent

第二种：只是单纯的继承Activity类

布局文件  和上面一样 只是TabHost 的id 换为

tabHost = (TabHost)findViewById(R.id.m_tabhost);
      //如果通过findViewById得到TabHost一定要调用 TabHost.setup();
      LocalActivityManagerlocalAcManager = new LocalActivityManager(MainActivity.this,true);
      localAcManager.dispatchCreate(savedInstanceState);
       tabHost.setup(localAcManager);

还可以自定义标签，将TabWidget android:visibility="gone" 然后自己弄些控件替代

另一实现自定义底部菜单

布局文件

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
 3   xmlns:android="http://schemas.android.com/apk/res/android">
 4     <LinearLayout
 5         android:orientation="vertical"
 6         android:layout_width="fill_parent"
 7         android:layout_height="fill_parent">
 8         <FrameLayout
 9             android:id="@android:id/tabcontent"
10             android:layout_width="fill_parent"
11             android:layout_height="0.0dip"
12             android:layout_weight="1.0" />
13         <TabWidget
14             android:id="@android:id/tabs"
15             android:visibility="gone"
16             android:layout_width="fill_parent"
17             android:layout_height="wrap_content"
18             android:layout_weight="0.0" />
19         <RadioGroup
20             android:gravity="center_vertical"
21             android:layout_gravity="bottom"
22             android:orientation="horizontal"
23             android:id="@+id/main_radio"
24             android:background="@drawable/maintab_toolbar_bg"
25             android:layout_width="fill_parent"
26             android:layout_height="wrap_content">
27             <RadioButton
28                 android:id="@+id/radio_button0"
29                 android:tag="radio_button0"
30                 android:layout_marginTop="2.0dip"
31                 android:text="@string/alarm"
32                 android:drawableTop="@drawable/icon_1"
33                 style="@style/main_tab_bottom" />
34             <RadioButton
35                 android:id="@+id/radio_button1"
36                 android:tag="radio_button1"
37                 android:layout_marginTop="2.0dip"
38                 android:text="@string/message"
39                 android:drawableTop="@drawable/icon_2"
40                 style="@style/main_tab_bottom" />
41             <RadioButton
42                 android:id="@+id/radio_button2"
43                 android:tag="radio_button2"
44                 android:layout_marginTop="2.0dip"
45                 android:text="@string/photo"
46                 android:drawableTop="@drawable/icon_3"
47                 style="@style/main_tab_bottom" />
48             <RadioButton
49                 android:id="@+id/radio_button3"
50                 android:tag="radio_button3"
51                 android:layout_marginTop="2.0dip"
52                 android:text="@string/music"
53                 android:drawableTop="@drawable/icon_4"
54                 style="@style/main_tab_bottom" />
55             <RadioButton
56                 android:id="@+id/radio_button4"
57                 android:tag="radio_button4"
58                 android:layout_marginTop="2.0dip"
59                 android:text="@string/setting"
60                 android:drawableTop="@drawable/icon_5"
61                 style="@style/main_tab_bottom" />
62         </RadioGroup>
63     </LinearLayout>
64 </TabHost>  

隐藏了系统默认的Widget，取而代之的是带有图片的Button

java

 1 package com.iteye.androidtoast;
 2
 3 import android.app.TabActivity;
 4 import android.content.Intent;
 5 import android.os.Bundle;
 6 import android.widget.RadioGroup;
 7 import android.widget.RadioGroup.OnCheckedChangeListener;
 8 import android.widget.TabHost;
 9
10 public class MainActivity extends TabActivity implements OnCheckedChangeListener{
11     /** Called when the activity is first created. */
12     private TabHost mHost;
13     private RadioGroup radioderGroup;
14     @Override
15     public void onCreate(Bundle savedInstanceState) {
16         super.onCreate(savedInstanceState);
17         setContentView(R.layout.maintabs);
18         //实例化TabHost
19         mHost=this.getTabHost();
20
21         //添加选项卡
22         mHost.addTab(mHost.newTabSpec("ONE").setIndicator("ONE")
23                     .setContent(new Intent(this,OneActivity.class)));
24         mHost.addTab(mHost.newTabSpec("TWO").setIndicator("TWO")
25                 .setContent(new Intent(this,TwoActivity.class)));
26         mHost.addTab(mHost.newTabSpec("THREE").setIndicator("THREE")
27                 .setContent(new Intent(this,ThreeActivity.class)));
28         mHost.addTab(mHost.newTabSpec("FOUR").setIndicator("FOUR")
29                 .setContent(new Intent(this,FourActivity.class)));
30         mHost.addTab(mHost.newTabSpec("FIVE").setIndicator("FIVE")
31                 .setContent(new Intent(this,FiveActivity.class)));
32
33         radioderGroup = (RadioGroup) findViewById(R.id.main_radio);
34         radioderGroup.setOnCheckedChangeListener(this);
35     }
36     @Override
37     public void onCheckedChanged(RadioGroup group, int checkedId) {
38         switch(checkedId){
39         case R.id.radio_button0:
40             mHost.setCurrentTabByTag("ONE");
41             break;
42         case R.id.radio_button1:
43             mHost.setCurrentTabByTag("TWO");
44             break;
45         case R.id.radio_button2:
46             mHost.setCurrentTabByTag("THREE");
47             break;
48         case R.id.radio_button3:
49             mHost.setCurrentTabByTag("FOUR");
50             break;
51         case R.id.radio_button4:
52             mHost.setCurrentTabByTag("FIVE");
53             break;
54         }
55     }
56 }