【Android】使用Actionbar Tab导航

直接上代码。

Activity类：

[java] view plain copy print ?

1. package com.zzj.ui.actionbardemo;  
2.   
3. import android.app.ActionBar;  
4. import android.app.ActionBar.Tab;  
5. import android.app.ActionBar.TabListener;  
6. import android.app.Activity;  
7. import android.app.Fragment;  
8. import android.app.FragmentTransaction;  
9. import android.os.Bundle;  
10. import android.view.LayoutInflater;  
11. import android.view.View;  
12. import android.view.ViewGroup;  
13. import android.widget.TextView;  
14.   
15. import com.zzj.ui.R;  
16.   
17. public class ActionbarTabActivity extends Activity implements TabListener {  
18.     private ActionBar actionBar;  
19.   
20.     private Fragment aFragment;  
21.     private Fragment bFragment;  
22.     private Fragment cFragment;  
23.   
24.     @Override  
25.     protected void onCreate(Bundle savedInstanceState) {  
26.         super.onCreate(savedInstanceState);  
27.         setContentView(R.layout.actionbartab_activity);  
28.   
29.         System.out.println(this);  
30.         actionBar = getActionBar();  
31.         actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
32.   
33.         /* 
34.          *  
35.          * 切屏（横屏竖屏切换）时Activity会被销毁， 
36.          *  
37.          * 但是Fragment会备份并且重新加载（调用onCreateView()方法）。 
38.          */  
39.         FragmentTransaction fragmentTransaction = getFragmentManager()  
40.                 .beginTransaction();  
41.         aFragment = getFragmentManager().findFragmentByTag("aFragment");  
42.         if (aFragment == null) {  
43.             aFragment = new MyFragment();  
44.             fragmentTransaction.add(R.id.fragment_container, aFragment,  
45.                     "aFragment");  
46.         }  
47.         bFragment = getFragmentManager().findFragmentByTag("bFragment");  
48.         if (bFragment == null) {  
49.             bFragment = new MyFragment();  
50.             fragmentTransaction.add(R.id.fragment_container, bFragment,  
51.                     "bFragment");  
52.         }  
53.         cFragment = getFragmentManager().findFragmentByTag("cFragment");  
54.         if (cFragment == null) {  
55.             cFragment = new MyFragment();  
56.             fragmentTransaction.add(R.id.fragment_container, cFragment,  
57.                     "cFragment");  
58.         }  
59.         System.out.println("aFragment:" + aFragment.hashCode());  
60.         System.out.println("bFragment:" + bFragment.hashCode());  
61.         System.out.println("cFragment:" + cFragment.hashCode());  
62.         fragmentTransaction.commit();  
63.   
64.         Tab weChat = actionBar.newTab();  
65.         weChat.setText("聊天");  
66.         weChat.setTabListener(this);  
67.         weChat.setTag(0);  
68.         actionBar.addTab(weChat);  
69.   
70.         Tab findTab = actionBar.newTab();  
71.         findTab.setText("发现");  
72.         findTab.setTabListener(this);  
73.         findTab.setTag(1);  
74.         actionBar.addTab(findTab);  
75.   
76.         Tab mailList = actionBar.newTab();  
77.         mailList.setText("通讯录");  
78.         mailList.setTabListener(this);  
79.         mailList.setTag(2);  
80.         actionBar.addTab(mailList);  
81.     }  
82.   
83.     @Override  
84.     public void onTabSelected(Tab tab, FragmentTransaction ft) {  
85.         switch ((Integer) tab.getTag()) {  
86.         case 0:  
87.             ft.show(aFragment);  
88.             ft.hide(bFragment);  
89.             ft.hide(cFragment);  
90.             break;  
91.         case 1:  
92.             ft.show(bFragment);  
93.             ft.hide(aFragment);  
94.             ft.hide(cFragment);  
95.             break;  
96.         case 2:  
97.             ft.show(cFragment);  
98.             ft.hide(bFragment);  
99.             ft.hide(aFragment);  
100.             break;  
101.         default:  
102.             break;  
103.         }  
104.     }  
105.   
106.     @Override  
107.     public void onTabUnselected(Tab tab, FragmentTransaction ft) {  
108.     }  
109.   
110.     @Override  
111.     public void onTabReselected(Tab tab, FragmentTransaction ft) {  
112.     }  
113.   
114.     public static class MyFragment extends Fragment {  
115.   
116.         @Override  
117.         public View onCreateView(LayoutInflater inflater, ViewGroup container,  
118.                 Bundle savedInstanceState) {  
119.             System.out.println(container.getTag() + "_" + this.getTag() + "_"  
120.                     + this.hashCode());  
121.             View view = inflater  
122.                     .inflate(R.layout.fragmenttab, container, false);  
123.             TextView textView = (TextView) view  
124.                     .findViewById(R.id.fragment_textview);  
125.             textView.setText("fragment_" + this.hashCode());  
126.             return view;  
127.         }  
128.     }  
129. }  

主布局文件actionbartab_activity.xml：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/fragment_container"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     android:orientation="vertical"  
7.     android:tag="fragment_container" >  
8.   
9. </LinearLayout>  

fragment布局文件fragmenttab.xml：

[html] view plain copy print ?

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.   
7.     <TextView  
8.         android:id="@+id/fragment_textview"  
9.         android:layout_width="wrap_content"  
10.         android:layout_height="wrap_content" />  
11.   
12. </LinearLayout>  

我们可以看到，要使用Actionbar 的Tab进行导航，就会使用到fragment。

效果：