使用Fragment实现类似Tab的需求

http://dengyin2000.iteye.com/blog/1908984

大家都知道可以使用TabHost来实现， 不过这种实现已经是被deprecated, 其实是可以通过Fragment来实现， 不过如果是Fragment的话好像只能每次new一个fragment，这样感觉不太好， 按常理如果是以前有创建过fragment，下一次应该还是显示那个fragment实例。 通过google得知可以通过FragmentTransaction的attach和detach来实现。 下面贴下代码。 

先detach所有可能的fragment，然后add或attach对应的fragment。 

Java代码  

1. package com.kissbb.activity;  
2.   
3. import android.os.Bundle;  
4. import android.support.v4.app.FragmentActivity;  
5. import android.support.v4.app.FragmentManager;  
6. import android.support.v4.app.FragmentTransaction;  
7. import android.view.View;  
8. import android.widget.CompoundButton;  
9. import android.widget.RadioButton;  
10. import com.androidquery.AQuery;  
11. import com.androidquery.util.AQUtility;  
12. import com.kissbb.R;  
13. import com.kissbb.api.GoodsAPI;  
14. import com.kissbb.fragment.CartFragment;  
15. import com.kissbb.fragment.KuaigouListFragment;  
16. import com.kissbb.fragment.MoreFragment;  
17. import com.kissbb.fragment.MyOrderFragment;  
18. import com.kissbb.model.KuaigouGroup;  
19. import de.greenrobot.event.util.AsyncExecutor;  
20.   
21. import java.util.List;  
22.   
23. public class MainActivity extends FragmentActivity implements CompoundButton.OnCheckedChangeListener {  
24.   
25.     private RadioButton rbMenuIndex;  
26.     private RadioButton rbMenuCart;  
27.     private RadioButton rbMenuMyOrder;  
28.     private RadioButton rbMenuMore;  
29.   
30.     private View rlMenuIndex;  
31.     private View rlMenuCart;  
32.     private View rlMenuMyOrder;  
33.     private View rlMenuMore;  
34.   
35.     /** 
36.      * Called when the activity is first created. 
37.      */  
38.     @Override  
39.     public void onCreate(Bundle savedInstanceState) {  
40.         super.onCreate(savedInstanceState);  
41.         setContentView(R.layout.main);  
42.   
43.         AQuery aq = new AQuery(this);  
44.   
45.         rbMenuIndex = (RadioButton) findViewById(R.id.rbMenuIndex);  
46.         rbMenuIndex.setOnCheckedChangeListener(this);  
47.         rbMenuCart = (RadioButton) findViewById(R.id.rbMenuCart);  
48.         rbMenuCart.setOnCheckedChangeListener(this);  
49.         rbMenuMyOrder = (RadioButton) findViewById(R.id.rbMenuMyOrder);  
50.         rbMenuMyOrder.setOnCheckedChangeListener(this);  
51.         rbMenuMore = (RadioButton) findViewById(R.id.rbMenuMore);  
52.         rbMenuMore.setOnCheckedChangeListener(this);  
53.   
54.         rlMenuCart = findViewById(R.id.rlMenuCart);  
55.         rlMenuIndex = findViewById(R.id.rlMenuIndex);  
56.         rlMenuMore = findViewById(R.id.rlMenuMore);  
57.         rlMenuMyOrder = findViewById(R.id.rlMenuMyOrder);  
58.   
59.         //  
60.         rbMenuIndex.setChecked(true);  
61.   
62. //        CheckBox cbIndex = (CheckBox) findViewById(R.id.rbMenuIndex);  
63. //        aq.id(R.id.rbMenuIndex).  
64. //        aQuery.id(R.id.button).clicked(this, "buttonClicked");  
65.     }  
66.   
67.     public void buttonClicked(View view) {  
68.         AsyncExecutor.create().execute(new AsyncExecutor.RunnableEx() {  
69.             @Override  
70.             public void run() throws Exception {  
71.                 List<KuaigouGroup> kuaigouList = new GoodsAPI(MainActivity.this).getKuaigouList();  
72.                 AQUtility.debug("List<KuaigouGroup> is not null: " + kuaigouList.size());  
73. //                UserLoginResult userLoginResult = new GoodsAPI(MainActivity.this).userLogin("deng.yin@gmail.com", "87200795");  
74. //                AQUtility.debug("UserLoginResult is not null: " + (userLoginResult != null));  
75. //                new UserAPI(MainActivity.this).userRegister("deng.yin@gmail.comx", "12345678", 111, 111, 11);  
76.             }  
77.         });  
78.     }  
79.   
80.     @Override  
81.     public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {  
82.         if (isChecked) {  
83.             resetAllRadioButtons();  
84.             buttonView.setChecked(true);  
85.             FragmentManager fragmentManager = getSupportFragmentManager();  
86.             KuaigouListFragment kuaigouListFragment = (KuaigouListFragment) fragmentManager.findFragmentByTag(String.valueOf(R.id.rbMenuIndex));  
87.             CartFragment cartFragment = (CartFragment) fragmentManager.findFragmentByTag(String.valueOf(R.id.rbMenuCart));  
88.             MyOrderFragment myOrderFragment = (MyOrderFragment) fragmentManager.findFragmentByTag(String.valueOf(R.id.rbMenuMyOrder));  
89.             MoreFragment moreFragment = (MoreFragment) fragmentManager.findFragmentByTag(String.valueOf(R.id.rbMenuMore));  
90.             FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();  
91.             /** Detaches all fragments if exists */  
92.             if (kuaigouListFragment != null) {  
93.                 fragmentTransaction.detach(kuaigouListFragment);  
94.             }  
95.             if (cartFragment != null) {  
96.                 fragmentTransaction.detach(cartFragment);  
97.             }  
98.             if (myOrderFragment != null) {  
99.                 fragmentTransaction.detach(myOrderFragment);  
100.             }  
101.             if (moreFragment != null) {  
102.                 fragmentTransaction.detach(moreFragment);  
103.             }  
104.             int buttonId = buttonView.getId();  
105.             switch (buttonId) {  
106.                 case R.id.rbMenuIndex:  
107.                     rlMenuIndex.setBackgroundResource(R.drawable.footover);  
108.                     if (kuaigouListFragment == null) {  
109.                         /** Create AndroidFragment and adding to fragmenttransaction */  
110.                         fragmentTransaction.add(R.id.flContent, new KuaigouListFragment(), String.valueOf(R.id.rbMenuIndex));  
111.                     } else {  
112.                         /** Bring to the front, if already exists in the fragmenttransaction */  
113.                         fragmentTransaction.attach(kuaigouListFragment);  
114.                     }  
115.                     break;  
116.                 case R.id.rbMenuCart:  
117.                     rlMenuCart.setBackgroundResource(R.drawable.footover);  
118.                     if (cartFragment == null) {  
119.                         /** Create AndroidFragment and adding to fragmenttransaction */  
120.                         fragmentTransaction.add(R.id.flContent, new CartFragment(), String.valueOf(R.id.rbMenuCart));  
121.                     } else {  
122.                         /** Bring to the front, if already exists in the fragmenttransaction */  
123.                         fragmentTransaction.attach(cartFragment);  
124.                     }  
125.                     break;  
126.                 case R.id.rbMenuMore:  
127.                     rlMenuMore.setBackgroundResource(R.drawable.footover);  
128.                     if (moreFragment == null) {  
129.                         /** Create AndroidFragment and adding to fragmenttransaction */  
130.                         fragmentTransaction.add(R.id.flContent, new MoreFragment(), String.valueOf(R.id.rbMenuMore));  
131.                     } else {  
132.                         /** Bring to the front, if already exists in the fragmenttransaction */  
133.                         fragmentTransaction.attach(moreFragment);  
134.                     }  
135.                     break;  
136.                 case R.id.rbMenuMyOrder:  
137.                     rlMenuMyOrder.setBackgroundResource(R.drawable.footover);  
138.                     if (myOrderFragment == null) {  
139.                         /** Create AndroidFragment and adding to fragmenttransaction */  
140.                         fragmentTransaction.add(R.id.flContent, new MyOrderFragment(), String.valueOf(R.id.rbMenuMyOrder));  
141.                     } else {  
142.                         /** Bring to the front, if already exists in the fragmenttransaction */  
143.                         fragmentTransaction.attach(myOrderFragment);  
144.                     }  
145.                     break;  
146.             }  
147.             fragmentTransaction.commit();  
148.         }  
149.     }  
150.   
151.     private void resetAllRadioButtons() {  
152.         rbMenuCart.setChecked(false);  
153.         rbMenuIndex.setChecked(false);  
154.         rbMenuMore.setChecked(false);  
155.         rbMenuMyOrder.setChecked(false);  
156.         rlMenuMore.setBackgroundResource(R.drawable.footline);  
157.         rlMenuIndex.setBackgroundResource(R.drawable.footline);  
158.         rlMenuMyOrder.setBackgroundResource(R.drawable.footline);  
159.         rlMenuCart.setBackgroundResource(R.drawable.footline);  
160.     }  
161.   
162.     @Override  
163.     protected void onDestroy() {  
164.         super.onDestroy();  
165.         if(isTaskRoot()){  
166.   
167.             //clean the file cache with advance option  
168.             long triggerSize = 3000000; //starts cleaning when cache size is larger than 3M  
169.             long targetSize = 2000000;      //remove the least recently used files until cache size is less than 2M  
170.             AQUtility.cleanCacheAsync(this, triggerSize, targetSize);  
171.         }  
172.     }  
173. }  

但是如果attach已经存在的fragment时  还是会调用Fragment的onCreateView方法， 这样的话会让整个fragment重新绘制UI， 如果是里面是个ListView的话，因为需要重新所以ListView滚动那个位置就丢失了，如何能避免这个问题呢？ 那就要保存Fragment onCreateView中生成的view， 代码如下。 

Java代码  

1. package com.kissbb.fragment;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.support.v4.app.Fragment;  
6. import android.util.DisplayMetrics;  
7. import android.view.LayoutInflater;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.view.ViewParent;  
11. import android.widget.ListView;  
12. import com.androidquery.util.AQUtility;  
13. import com.handmark.pulltorefresh.library.PullToRefreshBase;  
14. import com.handmark.pulltorefresh.library.PullToRefreshListView;  
15. import com.kissbb.R;  
16. import com.kissbb.adapter.KuaigouListAdapter;  
17. import com.kissbb.api.GoodsAPI;  
18. import com.kissbb.model.KuaigouGroup;  
19. import de.greenrobot.event.EventBus;  
20. import de.greenrobot.event.util.AsyncExecutor;  
21.   
22. import java.util.List;  
23.   
24. /** 
25.  * Created with IntelliJ IDEA. 
26.  * User: Denny 
27.  * Date: 13-7-17 
28.  * Time: 下午11:00 
29.  * To change this template use File | Settings | File Templates. 
30.  */  
31. public class KuaigouListFragment extends Fragment {  
32.   
33.     private GoodsAPI goodsAPI;  
34.     private PullToRefreshListView ptrlvKuaigou;  
35.     private int imgHeight;  
36.   
37.     private List<KuaigouGroup> kuaigouGroupList;  
38.   
39.     private View rootView;  
40.   
41.     @Override  
42.     public void onCreate(Bundle savedInstanceState) {  
43.         super.onCreate(savedInstanceState);  
44.         EventBus.getDefault().register(this);  
45.         goodsAPI = new GoodsAPI(getActivity());  
46.         DisplayMetrics dm = getResources().getDisplayMetrics();  
47.         int widthPixels = dm.widthPixels;  
48.         imgHeight = (int) (182f/713*widthPixels);  
49.     }  
50.   
51.     @Override  
52.     public void onDestroy() {  
53.         super.onDestroy();  
54.         EventBus.getDefault().unregister(this);  
55.     }  
56.   
57.     @Override  
58.     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
59.         AQUtility.debug("onCreateView", "KuaigouListFragment");  
60.         if (rootView == null) {  
61.             rootView = inflater.inflate(R.layout.kuaigoulist_fragment, container, false);  
62.             ptrlvKuaigou = (PullToRefreshListView) rootView.findViewById(R.id.ptrlvKuaigou);  
63.             ptrlvKuaigou.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener<ListView>() {  
64.                 @Override  
65.                 public void onRefresh(PullToRefreshBase<ListView> refreshView) {  
66.                     startToPrepareData();  
67.                 }  
68.             });  
69.   
70.             if (kuaigouGroupList != null) {  
71.             }else{  
72.                 ptrlvKuaigou.setVisibility(View.INVISIBLE);  
73.                 startToPrepareData();  
74.             }  
75.         }  
76.   
77.         //缓存的rootView需要判断是否已经被加过parent， 如果有parent需要从parent删除，要不然会发生这个rootview已经有parent的错误。  
78.         ViewGroup parent = (ViewGroup) rootView.getParent();  
79.         if (parent != null) {  
80.             parent.removeView(rootView);  
81.         }  
82.         return rootView;  
83.     }  
84.   
85.     private void startToPrepareData() {  
86.         AsyncExecutor.create().execute(new AsyncExecutor.RunnableEx() {  
87.             @Override  
88.             public void run() throws Exception {  
89.                 getKuaigouListData();  
90.             }  
91.         });  
92.     }  
93.   
94.     @Override  
95.     public void onActivityCreated(Bundle savedInstanceState) {  
96.         super.onActivityCreated(savedInstanceState);    //To change body of overridden methods use File | Settings | File Templates.  
97.         AQUtility.debug("onActivityCreated", "KuaigouListFragment");  
98.     }  
99.   
100.     public void onEventMainThread(KuaigouDataEvent event) {  
101.         ptrlvKuaigou.setVisibility(View.VISIBLE);  
102.         kuaigouGroupList = event.kuaigouList;  
103.         ptrlvKuaigou.setAdapter(new KuaigouListAdapter(kuaigouGroupList, getActivity(), imgHeight));  
104.         ptrlvKuaigou.onRefreshComplete();  
105.     }  
106.   
107.     private void getKuaigouListData() {  
108.         List<KuaigouGroup> kuaigouList = goodsAPI.getKuaigouList();  
109.         EventBus.getDefault().post(new KuaigouDataEvent(kuaigouList));  
110.     }  
111.   
112.     public class KuaigouDataEvent{  
113.         public List<KuaigouGroup> kuaigouList;  
114.   
115.         public KuaigouDataEvent(List<KuaigouGroup> kuaigouList) {  
116.             this.kuaigouList = kuaigouList;  
117.         }  
118.     }  
119. }  

特别注意这段代码， 需要先把view从parent中删掉 才能加回去。 

Java代码  

1. //缓存的rootView需要判断是否已经被加过parent， 如果有parent需要从parent删除，要不然会发生这个rootview已经有parent的错误。  
2. ViewGroup parent = (ViewGroup) rootView.getParent();  
3. if (parent != null) {  
4.     parent.removeView(rootView);  
5. }