Android之使用Tabhost設計底部標簽欄

iPhone中標簽欄在底部的這種風格，現在網上都很流行，那麼在Android中該怎麼實現呢？網上看到幾篇文章，其中農民伯伯的一篇比較有參考價值，但方法不是太簡便。因為公司的項目也使用到這個技術，我研究後發現寫的也過於復雜，後來我就自己琢磨寫了一個Demo出來，這個是我看到的網上的最簡單的方式，下面直接貼代碼了。

1.主Activity

1. package com.zhf.TabHostDemo;
2. import android.app.ActivityGroup;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.view.LayoutInflater;
6. import android.widget.ImageView;
7. import android.widget.LinearLayout;
8. import android.widget.TabHost;
9. import android.widget.TabWidget;
10. import android.widget.TextView;
11. import android.widget.TabHost.TabSpec;
13. public class TabHostDemoActivity extends ActivityGroup {
14. private TabHost tabHost;
15. @Override
16. public void onCreate(Bundle savedInstanceState) {
17. super.onCreate(savedInstanceState);
18. setContentView(R.layout.main);
20. //加載底部Tab布局
21. LinearLayout tab1=(LinearLayout)LayoutInflater.from(this).inflate(R.layout.action_item, null);
22. ImageView icon1=(ImageView)tab1.findViewById(R.id.icon);
23. icon1.setBackgroundResource(R.drawable.icon1);
24. TextView title1=(TextView)tab1.findViewById(R.id.title);
25. title1.setText("Activity1");
27. LinearLayout tab2=(LinearLayout)LayoutInflater.from(this).inflate(R.layout.action_item, null);
28. ImageView icon2=(ImageView)tab2.findViewById(R.id.icon);
29. icon2.setBackgroundResource(R.drawable.icon2);
30. TextView title2=(TextView)tab2.findViewById(R.id.title);
31. title2.setText("Activity2");
33. // 加載TabSpec
34. tabHost = (TabHost) findViewById(R.id.view_tab_host);
35. tabHost.setup(getLocalActivityManager());
37. TabSpec ts1 = tabHost.newTabSpec("Activity1");
38. ts1.setIndicator(tab1);//這句話就是設置每個小tab顯示的內容
39. //第一個Activity
40. ts1.setContent(new Intent(this, Activity1.class));
41. tabHost.addTab(ts1);
43. TabSpec ts2 = tabHost.newTabSpec("Activity2");
44. ts2.setIndicator(tab2);
45. //第二個Activity
46. ts2.setContent(new Intent(this, Activity2.class));
47. tabHost.addTab(ts2);
49. //設置標簽欄背景圖片
50. TabWidget tw = tabHost.getTabWidget();
51. tw.setBackgroundResource(R.drawable.home_tab_bg);
52. }
53. }

2.主布局文件

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" >
7. <TabHost
8. android:id="@+id/view_tab_host"
9. android:layout_width="fill_parent"
10. android:layout_height="fill_parent" >
12. <LinearLayout
13. android:layout_width="fill_parent"
14. android:layout_height="fill_parent"
15. android:gravity="center"
16. android:orientation="vertical" >
18. <FrameLayout
19. android:id="@android:id/tabcontent"
20. android:layout_width="fill_parent"
21. android:layout_height="wrap_content"
22. android:layout_gravity="center_vertical"
23. android:layout_weight="1"
24. android:gravity="center_vertical" >
25. </FrameLayout>
27. <TabWidget
28. android:id="@android:id/tabs"
29. android:layout_width="fill_parent"
30. android:layout_height="52dip"
31. android:layout_weight="0">
32. </TabWidget>
33. </LinearLayout>
34. </TabHost>
36. </LinearLayout>