Android TAb分頁菜單實現總結

首先說明的是，我們做APP開發，Tab分頁不管是頂部還是底部，都是必不可少的，網上也有太多太多的實現方式了，我在這裡總結一下：

第一種方式： TabHost原始方式：（鏈接另一篇文章 http://www.linuxidc.com/Linux/2012-08/69303.htm ）

這裡實現的是底部菜單:

布局文件：（我們通過RelativeLayout 可以把TabWidget定位在底部）

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" >
7. <RelativeLayout
8. android:layout_width="fill_parent"
9. android:layout_height="fill_parent"
10. android:orientation="vertical"
11. android:padding="3dp" >
13. <FrameLayout
14. android:id="@android:id/tabcontent"
15. android:layout_width="fill_parent"
16. android:layout_height="fill_parent"
17. android:layout_weight="1" >
18. </FrameLayout>
20. <TabWidget
21. android:id="@android:id/tabs"
22. android:layout_width="fill_parent"
23. android:layout_height="wrap_content"
24. android:layout_alignBottom="@android:id/tabcontent"
25. android:background="@drawable/tabbar_bg" />
26. </RelativeLayout>
28. </TabHost>

在這裡我們將說明一下:之前我是獲取到TabWidget的view試圖及內部icon和title，然後控制實現其效果，但是我們也可以用另外一種方式，也就是我們調用TabHost.TabSpec 的setIndicator（View view）;這個方法，我們可以定制顯示的view，

代碼片段：

1. /***
2. * 創建footerview
3. */
4. public void createFooterView() {
5. tabHost = getTabHost(); // The activity TabHost
7. view = new TabView(this, R.drawable.tabbar_icon_home,
8. R.drawable.tabbar_icon_home_selecotr);
9. view.setBackgroundDrawable(this.getResources().getDrawable(
10. R.drawable.footer_view_selector));
11. intent = new Intent(MainActivity.this, HomeActivity.class);
12. spec = tabHost.newTabSpec("num1").setIndicator(view).setContent(intent);
13. tabHost.addTab(spec);
15. view = new TabView(this, R.drawable.tabbar_icon_search,
16. R.drawable.tabbar_icon_search_selecotr);
17. view.setBackgroundDrawable(this.getResources().getDrawable(
18. R.drawable.footer_view_selector));
19. intent = new Intent(MainActivity.this, HomeActivity.class);
20. spec = tabHost.newTabSpec("num2").setIndicator(view).setContent(intent);
21. tabHost.addTab(spec);
23. view = new TabView(this, R.drawable.tabbar_icon_cart,
24. R.drawable.tabbar_icon_cart_selector);
25. view.setBackgroundDrawable(this.getResources().getDrawable(
26. R.drawable.footer_view_selector));
27. intent = new Intent(MainActivity.this, HomeActivity.class);
28. spec = tabHost.newTabSpec("num3").setIndicator(view).setContent(intent);
29. tabHost.addTab(spec);
31. view = new TabView(this, R.drawable.tabbar_icon_more,
32. R.drawable.tabbar_icon_more_selecotr);
33. view.setBackgroundDrawable(this.getResources().getDrawable(
34. R.drawable.footer_view_selector));
35. intent = new Intent(MainActivity.this, HomeActivity.class);
36. spec = tabHost.newTabSpec("num4").setIndicator(view).setContent(intent);
37. tabHost.addTab(spec);
38. }

1. /***
2. * 自定義view
3. *
4. */
5. class TabView extends LinearLayout {
6. ImageView imageView;
8. public TabView(Context c, int drawable, int drawableselec) {
9. super(c);
10. imageView = new ImageView(c);
11. // 可以定制點擊後狀態
12. StateListDrawable listDrawable = new StateListDrawable();
13. // 未選
14. listDrawable.addState(SELECTED_STATE_SET, this.getResources()
15. .getDrawable(drawableselec));
16. // 選擇
17. listDrawable.addState(ENABLED_STATE_SET, this.getResources()
18. .getDrawable(drawable));
19. imageView.setImageDrawable(listDrawable);// 引用 StateListDrawable
20. setGravity(Gravity.CENTER);
21. addView(imageView);
22. }
23. }

這樣我們就實現想要的效果了.（建議使用這種方法，我的項目就是用的這個實現的.）
如果我是圖標和文字分開的，我們也可以用（RadioButton代替，也許大家都不陌生，一會我簡單介紹下）

這個源碼是因為項目裡面用的。