使用FragmentTabhost代替Tabhost

 

使用FragmentTabhost代替Tabhost

 

   如今Fragment使用愈來愈廣了，雖然Fragment寄生在Activity下，可是它的出現對於開發者來講是一件很是幸運的事，使開發的效率更高效了，好了下面就說說 FragmentTabhost的使用，由於Tabhost已經不推薦使用了，如今通常都使用FragmentTabhost！我自己也個菜鳥，就是幫幫新手，由於Fragment是3.0纔出現，爲了不3.0如下的使用不了，因此咱們要用v4包來支持，不要倒錯包哦！大神勿噴！

一：首先咱們看看XML:

1.activity_main.xml

[html] view plaincopy

<EMBED id=ZeroClipboardMovie_1 name=ZeroClipboardMovie_1 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer height=18 width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=1&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

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" >  

6.   

7.     <FrameLayout  

8.         android:id="@+id/realtabcontent"  

9.         android:layout_width="fill_parent"  

10.         android:layout_height="0dip"  

11.         android:layout_weight="1" />  

12.   

13.     <android.support.v4.app.FragmentTabHost  

14.         android:id="@android :id/tabhost"  

15.         android:layout_width="fill_parent"  

16.         android:layout_height="wrap_content"   

17.         android:background="@drawable/bg_tabhost_bg">  

18.   

19.         <FrameLayout  

20.             android:id="@android :id/tabcontent"  

21.             android:layout_width="0dp"  

22.             android:layout_height="0dp"  

23.             android:layout_weight="0" />              

24.     </android.support.v4.app.FragmentTabHost>  

25.   

26. </LinearLayout>  

2.tab_item_view.xml

[html] view plaincopy

<EMBED id=ZeroClipboardMovie_2 name=ZeroClipboardMovie_2 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer height=18 width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=2&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. <?xml version="1.0" encoding="utf-8"?>  

2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  

3.     android:layout_width="wrap_content"  

4.     android:layout_height="wrap_content"  

5.     android:gravity="center"  

6.     android:orientation="vertical" >  

7.   

8.     <ImageView  

9.         android:id="@+id/imageview"  

10.         android:layout_width="wrap_content"  

11.         android:layout_height="wrap_content"  

12.         android:focusable="false"  

13.         android:padding="3dp"   

14.         android:src="@drawable/tab_home_btn">  

15.     </ImageView>  

16.   

17.     <TextView  

18.         android:id="@+id/textview"         

19.         android:layout_width="wrap_content"  

20.         android:layout_height="wrap_content"   

21.         android:text=""  

22.         android:textSize="10sp"  

23.         android:textColor="#ffffff">  

24.     </TextView>  

25.   

26. </LinearLayout>  

3.fragment1.xml 就貼一個Fragment XML吧!其餘的幾個都同樣，只是顏色不同，呵呵！

[html] view plaincopy

<EMBED id=ZeroClipboardMovie_3 name=ZeroClipboardMovie_3 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer height=18 width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=3&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. <?xml version="1.0" encoding="utf-8"?>  

2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  

3.     android:layout_width="match_parent"  

4.     android:layout_height="match_parent"  

5.     android:orientation="vertical"  

6.     android:background="#FBB55D" >  

7.       

8.   

9. </LinearLayout>  

ok，XML先寫完了，那咱們看看代碼吧！

4.MainActivity

[java] view plaincopy

<EMBED id=ZeroClipboardMovie_4 name=ZeroClipboardMovie_4 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer height=18 width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=4&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. package com.example.fragmenttabhost;  

2.   

3. import android.os.Bundle;  

4. import android.support.v4.app.Fragment;  

5. import android.support.v4.app.FragmentActivity;  

6. import android.support.v4.app.FragmentTabHost;  

7. import android.view.LayoutInflater;  

8. import android.view.View;  

9. import android.widget.ImageView;  

10. import android.widget.TabHost.TabSpec;  

11. import android.widget.TextView;  

12.   

13. import com.example.fragment.Fragment1;  

14. import com.example.fragment.Fragment2;  

15. import com.example.fragment.Fragment3;  

16. import com.example.fragment.Fragment4;  

17. import com.example.fragment.Fragment5;  

18.   

19. /** 

20.  *  

21.  * @author zqy 

22.  *  

23.  */  

24. public class MainActivity extends FragmentActivity {  

25.     /** 

26.      * FragmentTabhost 

27.      */  

28.     private FragmentTabHost mTabHost;  

29.   

30.     /** 

31.      * 佈局填充器 

32.      *  

33.      */  

34.     private LayoutInflater mLayoutInflater;  

35.   

36.     /** 

37.      * Fragment數組界面 

38.      *  

39.      */  

40.     private Class mFragmentArray[] = { Fragment1.class, Fragment2.class,  

41.             Fragment3.class, Fragment4.class, Fragment5.class };  

42.     /** 

43.      * 存放圖片數組 

44.      *  

45.      */  

46.     private int mImageArray[] = { R.drawable.tab_home_btn,  

47.             R.drawable.tab_message_btn, R.drawable.tab_selfinfo_btn,  

48.             R.drawable.tab_square_btn, R.drawable.tab_more_btn };  

49.   

50.     /** 

51.      * 選修卡文字 

52.      *  

53.      */  

54.     private String mTextArray[] = { "首頁", "消息", "好友", "搜索", "更多" };  

55.     /** 

56.      *  

57.      *  

58.      */  

59.     public void onCreate(Bundle savedInstanceState) {  

60.         super.onCreate(savedInstanceState);  

61.         setContentView(R.layout.activity_main);  

62.   

63.         initView();  

64.     }  

65.   

66.     /** 

67.      * 初始化組件 

68.      */  

69.     private void initView() {  

70.         mLayoutInflater = LayoutInflater.from(this);  

71.   

72.         // 找到TabHost  

73.         mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);  

74.         mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);  

75.         // 獲得fragment的個數  

76.         int count = mFragmentArray.length;  

77.         for (int i = 0; i < count; i++) {  

78.             // 給每一個Tab按鈕設置圖標、文字和內容  

79.             TabSpec tabSpec = mTabHost.newTabSpec(mTextArray[i])  

80.                     .setIndicator(getTabItemView(i));  

81.             // 將Tab按鈕添加進Tab選項卡中  

82.             mTabHost.addTab(tabSpec, mFragmentArray[i], null);  

83.             // 設置Tab按鈕的背景  

84.             mTabHost.getTabWidget().getChildAt(i)  

85.                     .setBackgroundResource(R.drawable.selector_tab_background);  

86.         }  

87.     }  

88.   

89.     /** 

90.      * 

91.      * 給每一個Tab按鈕設置圖標和文字 

92.      */  

93.     private View getTabItemView(int index) {  

94.         View view = mLayoutInflater.inflate(R.layout.tab_item_view, null);  

95.         ImageView imageView = (ImageView) view.findViewById(R.id.imageview);  

96.         imageView.setImageResource(mImageArray[index]);  

97.         TextView textView = (TextView) view.findViewById(R.id.textview);  

98.         textView.setText(mTextArray[index]);  

99.   

100.         return view;  

101.     }  

102.   

103. }  

5.Fragment1.java  Fragment其餘幾個都同樣，指不過XML不同！

[java] view plaincopy

<EMBED id=ZeroClipboardMovie_5 name=ZeroClipboardMovie_5 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer height=18 width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=5&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. package com.example.fragment;  

2.   

3. import android.os.Bundle;  

4. import android.support.v4.app.Fragment;  

5. import android.view.LayoutInflater;  

6. import android.view.View;  

7. import android.view.ViewGroup;  

8.   

9. import com.example.fragmenttabhost.R;  

10.   

11. public class Fragment1 extends Fragment{  

12.   

13.     @Override  

14.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  

15.             Bundle savedInstanceState) {  

16.           

17.         return inflater.inflate(R.layout.fragment1, null);        

18.     }     

19. }  

OK 基本上寫完了，讓咱們看看效果！