Android 之TabHost

一概述及图片效果

          

         

　　　　提供Tab页的窗口视图容器，它有俩个children，一组是用户可以选择指定Tab页的标签，另一组是FrameLayout用来显示该Tab页的内容。个别元素通常控制使用这个容器对象，而不是设置在子元素本身的值。

二、重要方法

　　　　addTab(TabHost.TabSpec tabSpec)：添加一项Tab页

　　　　clearAllTabs()：清除所有与之相关联的Tab页.

　　　　getCurrentTab():返回当前Tab页.

　　　　getTabContentView()：返回包含内容的FrameLayout

　　　　newTabSpec(String tag)：返回一个与之关联的新的TabSpec

三、实例

1.布局文件，需要使用FrameLayout

R.layout.tabhost

1. <?xml version="1.0" encoding="UTF-8"?>
2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
3.        android:id="@android:id/tabhost"
4.        android:layout_width="fill_parent"
5.        android:layout_height="fill_parent" >
6.  <FrameLayout
7.        android:id="@android:id/tabcontent"
8.        android:layout_width="fill_parent"
9.        android:layout_height="fill_parent"
10.        android:layout_weight="1.0" />
11.  <TabWidget
12.        android:id="@android:id/tabs"
13.        android:layout_width="fill_parent"
14.        android:layout_height="60.0dip"
15.        android:layout_alignParentBottom="true"
16.        android:layout_gravity="bottom"
17.        android:background="@drawable/tab_bkg"
18.         android:fadingEdge="none"
19.         android:fadingEdgeLength="0.0px"
20.         android:paddingBottom="0.0dip"
21.         android:paddingLeft="0.0dip"
22.         android:paddingRight="0.0dip"
23.         android:paddingTop="2.0dip" />
24. </TabHost>

R.layout.tab

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="wrap_content"
5.     android:orientation="vertical" >
6.     <ImageView
7.         android:id="@+id/tab_imageview_icon"
8.         android:layout_width="fill_parent"
9.         android:layout_height="32.0dip"
10.         android:scaleType="fitCenter" />
11.    <TextView
12.         android:id="@+id/tab_textview_title"
13.         android:layout_width="fill_parent"
14.        android:layout_height="wrap_content"
15.         android:ellipsize="marquee"
16.         android:gravity="center"
17.         android:marqueeRepeatLimit="1"
18.         android:singleLine="true"
19.         android:textSize="11.0sp" />
20. </LinearLayout>
    

复制代码

 2.继承TabActivity

public class TabHostDemo extends TabActivity

3.获取次此abHost

 TabHost tabHost = getTabHost();

4.设置布局

LayoutInflater.from(this).inflate(R.layout.tabhostpage, tabHost.getTabContentView(), true);

5.添加Tab页(代码)

1. public class MainActivity extends TabActivity {
2. private TabHost tabHost;
3. private RadioGroup mainbtGroup;
4. private static final String HOME = "主页";
5. private static final String REFER = "提及";
6. private static final String SECRET = "私信";
7. private static final String SEARCH = "搜索";
8. private static final String ATTENTIION = "关注";
9. 
   
10. 
    
11. @Override
12. public void onCreate(Bundle savedInstanceState) {
13. super.onCreate(savedInstanceState);
14. setContentView(R.layout.tabhost);
15. 
    
16. tabHost = this.getTabHost();
17. 
    
18. View view1 = View.inflate(MainActivity.this, R.layout.tab, null);//后面介绍inflate的用法
19. ((ImageView) view1.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_timeline_selector);
20. ((TextView) view1.findViewById(R.id.tab_textview_title)).setText(HOME);
21. 
    
22. TabHost.TabSpec spec1 = tabHost.newTabSpec(HOME)
23. .setIndicator(view1)
24. .setContent(new Intent(this, HomeTimeLineActivity.class));
25. tabHost.addTab(spec1);
26. 
    
27. View view2 = View.inflate(MainActivity.this, R.layout.tab, null);
28. ((ImageView) view2.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_atme_selector);
29. ((TextView) view2.findViewById(R.id.tab_textview_title)).setText(REFER);
30. 
    
31. TabHost.TabSpec spec2 = tabHost.newTabSpec(REFER)
32. .setIndicator(view2)
33. .setContent(new Intent(this, ReferActivity.class));
34. tabHost.addTab(spec2);
35. 
    
36. View view3 = View.inflate(MainActivity.this, R.layout.tab, null);
37. ((ImageView) view3.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_message_selector);
38. ((TextView) view3.findViewById(R.id.tab_textview_title)).setText(SECRET);
39. 
    
40. TabHost.TabSpec spec3 = tabHost.newTabSpec(SECRET)
41. .setIndicator(view3)
42. .setContent(new Intent(this, MessageActivity.class));
43. tabHost.addTab(spec3);
44. 
    
45. View view4 = View.inflate(MainActivity.this, R.layout.tab, null);
46. ((ImageView) view4.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_explore_selector);
47. ((TextView) view4.findViewById(R.id.tab_textview_title)).setText(SEARCH);
48. 
    
49. TabHost.TabSpec spec4 = tabHost.newTabSpec(SEARCH)
50. .setIndicator(view4)
51. .setContent(new Intent(this, SearchActivity.class));
52. tabHost.addTab(spec4);
53. 
    
54. View view5 = View.inflate(MainActivity.this, R.layout.tab, null);
55. ((ImageView) view5.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_focus_selector);
56. ((TextView) view5.findViewById(R.id.tab_textview_title)).setText(ATTENTIION);
57. TabHost.TabSpec spec5 = tabHost.newTabSpec(ATTENTIION)
58. .setIndicator(view5)
59. .setContent(new Intent(this, AttentionActivity.class));
60. tabHost.addTab(spec5);
61. }
62. }

复制代码

四 ：Inflate()方法用途

Inflate()作用就是将xml定义的一个布局找出来并隐藏起来，并没有显示出来。

android上还有一个与Inflate()类似功能的方法叫findViewById(),二者有时均可使用，但也有区别，

区别在于：

如果你的Activity里用到别的layout，比如对话框layout并且你还要设置这个layout上的其他组件的内容，你就必须用inflate()方法先将对话框的layout找出来，然后再用findViewById()找到它上面的其它组件。例如：

1. View view1 = View.inflate(MainActivity.this, R.layout.tab, null);
2. ((ImageView) view1.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.tab_timeline_selector);
3. ((TextView) view1.findViewById(R.id.tab_textview_title)).setText(HOME);

注：R.id.dialog_tv是在对话框layout上的组件，而这时若直接用this.findViewById(R.id.dialog_tv)肯定会报错。

所以，Inflate()或可理解为“隐性膨胀”，隐性摆放在view里，在inflate()之前只是获得控件，但没有大小也没有在View里占据空间；在inflate()之后有了一定大小，但是处于隐藏状态。

setContentView和inflate区别：
setContentView()一旦调用, layout就会立刻显示UI；而inflate只会把Layout形成一个以view类实现成的对象，有需要时再用setContentView(view)显示出来。一般在activity中通过setContentView()将界面显示出来，但是如果需要在非activity中对控件布局进行设置，这就需LayoutInflater来进行动态加载了。

LayoutInfalter和findViewById区别：

LayoutInflater的作用类似于 findViewById(),不同点是LayoutInflater是用来找layout文件夹下的xml布局文件，并且实例化！而 findViewById()是找具体某一个xml下的具体 widget控件(如:Button,TextView等)。

它可以有很多地方可以使用，如BaseAdapter的getView中，自定义Dialog中取得view中的组件widget等等。

它的用法有2种：

1. view plaincopy to clipboardprint?  
2. LayoutInflater inflater = LayoutInflater.from(this);     
3. View view=inflater.inflate(R.layout.ID, null);    
4. 或者干脆并成一句：    
5. View view=LayoutInflater.from(this).inflate(R.layout.ID, null);    

另一种方法： 

1. view plaincopy to clipboardprint?  
2. LayoutInflater inflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);    
3. View view=inflater.inflate(R.layout.ID, null);    

上面2种方法本质上是一样的，看下面的源码，form()调用的就是getSystemService()： 

1. Java代码  
2. public static LayoutInflater from(Context context) {       
3.     LayoutInflater LayoutInflater =       
4.             (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);       
5.     if (LayoutInflater == null) {       
6.         throw new AssertionError("LayoutInflater not found.");       
7.     }       
8.     return LayoutInflater;       
9. }     

另外getSystemService()是Android很重要的一个API，它是Activity的一个方法，根据传入的NAME来取得对应的Object，然后转换成相应的服务对象。以下介绍系统相应的服务。 

传入的Name	返回的对象	说明
WINDOW_SERVICE	WindowManager	管理打开的窗口程序
LAYOUT_INFLATER_SERVICE	LayoutInflater	取得xml里定义的view
ACTIVITY_SERVICE	ActivityManager	管理应用程序的系统状态
POWER_SERVICE	PowerManger	电源的服务
ALARM_SERVICE	AlarmManager	闹钟的服务
NOTIFICATION_SERVICE	NotificationManager	状态栏的服务
KEYGUARD_SERVICE	KeyguardManager	键盘锁的服务
LOCATION_SERVICE	LocationManager	位置的服务，如GPS
SEARCH_SERVICE	SearchManager	搜索的服务
VEBRATOR_SERVICE	Vebrator	手机震动的服务
CONNECTIVITY_SERVICE	Connectivity	网络连接的服务
WIFI_SERVICE	WifiManager	Wi-Fi服务
TELEPHONY_SERVICE	TeleponyManager	电话服务

1. Java代码  
2. //基本用法    
3. public void showCustomDialog(){    
4.   AlertDialog.Builder builder;    
5.   AlertDialog alertDialog;    
6.   Context mContext = AppActivity.this;    
7. //下面俩种方法都可以    
8.   //LayoutInflater inflater = getLayoutInflater();    
9.   LayoutInflater inflater = (LayoutInflater)     
10. mContext.getSystemService(LAYOUT_INFLATER_SERVICE);    
11.   View layout = inflater.inflate(R.layout.custom_dialog,null);    
12.   TextView text = (TextView) layout.findViewById(R.id.text);    
13.   text.setText("Hello, Welcome to Mr Wei's blog!");    
14.   ImageView image = (ImageView) layout.findViewById(R.id.image);    
15.   image.setImageResource(R.drawable.icon);    
16.   builder = new AlertDialog.Builder(mContext);    
17.   builder.setView(layout);    
18.   alertDialog = builder.create();    
19.   alertDialog.show();    
20.  }    
21. }    
22.     
23. protected void showToast(int type) {      
24.         Toast.makeText(this, "*********", Toast.LENGTH_LONG).show();      
25.       
26.         LayoutInflater li = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);      
27.         View view = li.inflate(R.layout.toast, null);      
28.               
29.         Toast toast = new Toast(this);      
30.         toast.setView(view);      
31.         toast.setDuration(type);      
32.         toast.show();      
33.     }