Android UI详解之Fragment实例详解

本文转自：http://blog.csdn.net/eclipsexys/article/details/8708024

上一篇我们讲解了Fragment的加载方式，这次我们以一个实例来讲解：

布局：

[html] view plain copy

1. <LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingBottom="@dimen/activity_vertical_margin"  
6.     android:paddingLeft="@dimen/activity_horizontal_margin"  
7.     android:paddingRight="@dimen/activity_horizontal_margin"  
8.     android:paddingTop="@dimen/activity_vertical_margin"  
9.     tools:context=".MainActivity" >  
10.   
11. <fragment class="com.xys.fragmentdemo.TitleFragment"  
12.     android:id="@+id/titles"  
13.     android:layout_weight="1"  
14.     android:layout_width="match_parent"  
15.     android:layout_height="match_parent"  
16.     />  
17. <FrameLayout android:id="@+id/detials"  
18.     android:layout_weight="1"  
19.     android:layout_width="match_parent"  
20.     android:layout_height="match_parent"  
21.     android:background="@android:color/darker_gray"></FrameLayout>  
22.   
23. </LinearLayout >  

以上布局文件中使用了fragment标签和FrameLayout标签。Android Fragment使用 中介绍了2中嵌入Fragment的方法，这个实例中都用到，从布局文件看到有了fragment标签，这是一种使用方法，FrameLayout标签将会成为第二种加载fragment的载体view。

TitleFragment：

[java] view plain copy

1. package com.xys.fragmentdemo;  
2. import android.app.Fragment;  
3. import android.app.FragmentTransaction;  
4. import android.app.ListFragment;  
5. import android.os.Bundle;  
6. import android.view.View;  
7. import android.widget.ArrayAdapter;  
8. import android.widget.ListView;  
9.   
10.   
11. public class TitleFragment extends ListFragment {  
12.   
13.     public int currentChoosePosition=0;  
14.     public int showChoosePosition=-1;  
15.       
16.     @Override  
17.     public void onListItemClick(ListView l, View v, int position, long id) {  
18.         // TODO Auto-generated method stub  
19.         showDetials(position);  
20.     }  
21.   
22.     @Override  
23.     public void onActivityCreated(Bundle savedInstanceState) {  
24.         // TODO Auto-generated method stub  
25.         super.onActivityCreated(savedInstanceState);  
26.         setListAdapter(new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_activated_1,Data.TitleData));  
27.         if(savedInstanceState!=null){  
28.             currentChoosePosition=savedInstanceState.getInt("currentChoose",0);  
29.             showChoosePosition=savedInstanceState.getInt("showChoose",-1);  
30.         }  
31.         getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);  
32.     }  
33.   
34.     @Override  
35.     public void onSaveInstanceState(Bundle outState) {  
36.         // TODO Auto-generated method stub  
37.         super.onSaveInstanceState(outState);  
38.         outState.putInt("currentChoose", currentChoosePosition);  
39.         outState.putInt("showChoose", showChoosePosition);  
40.     }  
41.       
42.     public void showDetials(int index){  
43.         currentChoosePosition=index;  
44.         getListView().setItemChecked(index, true);  
45.         if(showChoosePosition!=currentChoosePosition){  
46.             //获取详情Fragment的实例  
47.             DetialFragment df=DetialFragment.newInstance(index);  
48.             //获取FragmentTransaction 实例  
49.             FragmentTransaction ft=getFragmentManager().beginTransaction();  
50.              //使用DetailsFragment 的实例  
51.             ft.replace(R.id.detials, df);  
52.             ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);  
53.             ft.commit();  
54.             showChoosePosition=index;  
55.         }  
56.     }  
57.       
58. }  

DetialFragment:

[java] view plain copy

1. package com.xys.fragmentdemo;  
2.   
3. import android.app.Fragment;  
4. import android.content.res.TypedArray;  
5. import android.os.Bundle;  
6. import android.util.TypedValue;  
7. import android.view.LayoutInflater;  
8. import android.view.View;  
9. import android.view.ViewGroup;  
10. import android.widget.ScrollView;  
11. import android.widget.TextView;  
12.   
13. //DetailsFragment 中使用newInstance(int index)方法产生DetailsFragment 实例并接受整型参数，重载了onCreateView方法创建view  
14. public class DetialFragment extends Fragment {  
15.   
16.     public static DetialFragment newInstance(int index) {  
17.         // TODO Auto-generated method stub  
18.         DetialFragment df=new DetialFragment();  
19.         Bundle bundle=new Bundle();  
20.         bundle.putInt("index", index);  
21.         df.setArguments(bundle);  
22.         return df;  
23.     }  
24.   
25.     @Override  
26.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
27.             Bundle savedInstanceState) {  
28.         // TODO Auto-generated method stub  
29.         if(container==null){  
30.             return null;  
31.         }  
32.         ScrollView scrollView=new ScrollView(getActivity());  
33.         TextView tv=new TextView(getActivity());  
34.         int padding=(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 4, getActivity().getResources().getDisplayMetrics());  
35.         tv.setPadding(padding, padding, padding, padding);  
36.         scrollView.addView(tv);  
37.         tv.setText(Data.ContextData[getArguments().getInt("index",0)]);  
38.         return scrollView;  
39.     }  
40.       
41. }  

Data:

[java] view plain copy

1. package com.xys.fragmentdemo;  
2.   
3. public class Data {  
4.     public static final String TitleData[]={"Title1","Title2","Title3","Title4","Title5"};  
5.     public static final String ContextData[]={"Context1","Context2","Context3","Context4","Context5"};  
6. }  

国际惯例 上效果图：