安卓开发笔记——TabHost组件(二)（实现底部菜单导航）
上面文章《安卓开发复习笔记——TabHost组件(一)（实现底部菜单导航）》中提到了利用自定义View（ImageView+TextView）来设置一个底部菜单的样式
这边再补充一种更为灵活的方法，可以把TabWidget隐藏，用（RadioGroup+RadioButton）来代替，并利用监听器的方式来实现监听点击点击跳转Activity。
在讲解之前，先补充几点：
1、当我们取得TabHost的实例对象时，我们可以用2种方法来设置当前界面内容（Activity）
查看下API，我们可以找到：
这2个方法，分别是利用页面标志符（int，起始页为0）和页面标签（String）来达到设置当前显示页
我们可以利用这2个方法，在对Radio进行监听点击时跳转到对应的页面。
2、在布局文件XML里，标签RadioGroup的子标签RadioButton里有几个需要注意的地方：
1、android:button="@null" 这个是用来隐藏系统自身提供的单选按钮样式
2、android:drawableTop="@drawable/tab_icon1" 这个是用来设置单选按钮的图标（系统默认提供在左边，这个可以把它设置在上面）
3、android:drawablePadding="3dp" 这个是用来设置按钮图标与按钮标签所在的距离
3、需要把TabWidget设置为隐藏：android:visibility="gone"
为什么说采用这种方法更为灵活呢？
看过我上一篇文章的朋友应该都知道，在上一篇文章里我才采用了自定义的代码布局，需要在JAVA代码里去获取XML布局对象，然后对样式进行设置，而现在利用RadioGroup+RadioButton，我们可以把所有的样式都设置在XML布局文件里，这样更易于维护，在JAVA代码里我们可以更加专注于业务逻辑的代码实现。
好了，接下来上代码吧，由于和上个例子几乎一样，重复部分我就不贴出来了，只贴代码核心部分（注释很全）
1 package com.example.tabhosttest;
2
3 import android.app.ActivityGroup;
4 import android.content.Intent;
5 import android.os.Bundle;
6 import android.view.View;
7 import android.widget.ImageView;
8 import android.widget.RadioGroup;
9 import android.widget.RadioGroup.OnCheckedChangeListener;
10 import android.widget.TabHost;
11 import android.widget.TabHost.TabSpec;
12 import android.widget.TextView;
13
14 public class MainActivity extends ActivityGroup{
15
16 private TabHost tabHost;//声明一个TabHost对象
17
18 private RadioGroup radioGroup;//声明一个RadioGroup对象
19
20 //资源文件
21 private Class activitys[]={TabActivity1.class,TabActivity2.class,TabActivity3.class,TabActivity4.class,TabActivity5.class};//跳转的Activity
22 private String title[]={"首页","搜索","设置","主题","更多"};//设置菜单的标题
23 private int image[]={R.drawable.tab_icon1,R.drawable.tab_icon2,R.drawable.tab_icon3,R.drawable.tab_icon4,R.drawable.tab_icon5,};//设置菜单
24
25 @Override
26 protected void onCreate(Bundle savedInstanceState) {
27 super.onCreate(savedInstanceState);
28 setContentView(R.layout.activity_main);
29 initTabView();//初始化tab标签
30
31 }
32
33 private void initTabView() {
34 //实例化tabhost
35 this.tabHost=(TabHost) findViewById(R.id.mytabhost);
36 //由于继承了ActivityGroup，所以需要在setup方法里加入此参数，若继承TabActivity则可省略
37 tabHost.setup(this.getLocalActivityManager());
38
39 //创建标签
40 for(int i=0;i<activitys.length;i++){
41 /*由于采用了RadioGroup，样式已经在xml里设置，故这里无需再自定义view
42 //实例化一个view作为tab标签的布局
43 View view=View.inflate(this, R.layout.tab_layout, null);
44
45 //设置imageview
46 ImageView imageView=(ImageView) view.findViewById(R.id.image);
47 imageView.setImageDrawable(getResources().getDrawable(image[i]));
48 //设置textview
49 TextView textView=(TextView) view.findViewById(R.id.title);
50 textView.setText(title[i]); */
51
52 //设置跳转activity
53 Intent intent=new Intent(this, activitys[i]);
54
55 //载入view对象并设置跳转的activity
56 TabSpec spec=tabHost.newTabSpec(title[i]).setIndicator(title[i]).setContent(intent);
57
58 //添加到选项卡
59 tabHost.addTab(spec);
60 }
61
62 radioGroup=(RadioGroup) findViewById(R.id.radiogroup);
63 radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
64
65 @Override
66 public void onCheckedChanged(RadioGroup group, int checkedId) {
67 switch(checkedId){
68
69 case R.id.radio1:
70 //tabHost.setCurrentTab(int id); 用当前所在页数来跳转activity
71 //tabHost.setCurrentTabByTag(String tag); 用当前标签来跳转activity
72 tabHost.setCurrentTabByTag(title[0]);
73 break;
74 case R.id.radio2:
75 tabHost.setCurrentTabByTag(title[1]);
76 break;
77 case R.id.radio3:
78 tabHost.setCurrentTabByTag(title[2]);
79 break;
80 case R.id.radio4:
81 tabHost.setCurrentTabByTag(title[3]);
82 break;
83 case R.id.radio5:
84 tabHost.setCurrentTabByTag(title[4]);
85 break;
86 }
87
88 }
89 });
90
91 }
92
93
94 }
1 <TabHost xmlns:android="http://schemas.android.com/apk/res/android" 2 android:id="@+id/mytabhost" 3 android:layout_width="fill_parent" 4 android:layout_height="fill_parent" > 5 6 <!-- 需要一个布局管理器 --> 7 8 <RelativeLayout 9 android:layout_width="fill_parent" 10 android:layout_height="fill_parent" > 11 12 <!-- 13 由于TabHost是继承于FrameLayout，所以需要一个FrameLaytout布局(内容页) ,id 14 必须为tabcontent 15 --> 16 17 <FrameLayout 18 android:id="@android:id/tabcontent" 19 android:layout_width="fill_parent" 20 android:layout_height="fill_parent" > 21 </FrameLayout> 22 23 <!-- TabWidget必须标签，用来存放tab标签，且id必须为tabs --> 24 25 <TabWidget 26 android:id="@android:id/tabs" 27 android:layout_width="fill_parent" 28 android:layout_height="wrap_content" 29 android:layout_alignParentBottom="true" 30 android:background="@drawable/tab_widget_background" 31 android:visibility="gone" > 32 </TabWidget> 33 34 <RadioGroup 35 android:id="@+id/radiogroup" 36 android:layout_width="fill_parent" 37 android:layout_height="wrap_content" 38 android:layout_alignParentBottom="true" 39 android:background="@drawable/tab_widget_background" 40 android:orientation="horizontal" 41 android:padding="3dp" > 42 43 <RadioButton 44 android:id="@+id/radio1" 45 android:layout_width="wrap_content" 46 android:layout_height="wrap_content" 47 android:layout_weight="1" 48 android:background="@drawable/tab_selector" 49 android:button="@null" 50 android:drawablePadding="3dp" 51 android:drawableTop="@drawable/tab_icon1" 52 android:gravity="center_horizontal" 53 android:text="首页" 54 android:textColor="@android:color/white" 55 android:textSize="10sp" /> 56 57 <RadioButton 58 android:id="@+id/radio2" 59 android:layout_width="wrap_content" 60 android:layout_height="wrap_content" 61 android:layout_weight="1" 62 android:background="@drawable/tab_selector" 63 android:button="@null" 64 android:drawablePadding="3dp" 65 android:drawableTop="@drawable/tab_icon2" 66 android:gravity="center_horizontal" 67 android:text="搜索" 68 android:textColor="@android:color/white" 69 android:textSize="10sp" /> 70 71 <RadioButton 72 android:id="@+id/radio3" 73 android:layout_width="wrap_content" 74 android:layout_height="wrap_content" 75 android:layout_weight="1" 76 android:background="@drawable/tab_selector" 77 android:button="@null" 78 android:drawablePadding="3dp" 79 android:drawableTop="@drawable/tab_icon3" 80 android:gravity="center_horizontal" 81 android:text="设置" 82 android:textColor="@android:color/white" 83 android:textSize="10sp" /> 84 85 <RadioButton 86 android:id="@+id/radio4" 87 android:layout_width="wrap_content" 88 android:layout_height="wrap_content" 89 android:layout_weight="1" 90 android:background="@drawable/tab_selector" 91 android:button="@null" 92 android:drawablePadding="3dp" 93 android:drawableTop="@drawable/tab_icon4" 94 android:gravity="center_horizontal" 95 android:text="主题" 96 android:textColor="@android:color/white" 97 android:textSize="10sp" /> 98 99 <RadioButton 100 android:id="@+id/radio5" 101 android:layout_width="wrap_content" 102 android:layout_height="wrap_content" 103 android:layout_weight="1" 104 android:background="@drawable/tab_selector" 105 android:button="@null" 106 android:drawablePadding="3dp" 107 android:drawableTop="@drawable/tab_icon5" 108 android:gravity="center_horizontal" 109 android:text="更多" 110 android:textColor="@android:color/white" 111 android:textSize="10sp" /> 112 </RadioGroup> 113 </RelativeLayout> 114 115 </TabHost>
浙公网安备 33010602011771号