基于Android Fragment功能的例子

通过最近空闲时候对Fragment的学习，尝试着写了一个小Demo，将在开发的时候能常用到的Fragment知识放在一起，写过了这个Demo对Android Fragment的了解更加深入了，以后做起有关的项目也会顺手很多，下面先贴上几张实现之后的图片：

实现的功能很简单，也是最基本的，上下分别是两个Fragment，上面的Fragment中是一个listview，当点击item时，下面的Fragment显示对应的文字详细信息：

              

具体的实现步骤如下：

①创建工程FragmentExam，目录视图如下(把之前的FragmentPreference的demo也加到了一起)：

②main.xml文件布局，垂直方向上两个Fragment，用<Fragment>标签声明

[html] view plaincopyprint?

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.     tools:context=".MainActivity"  

6.     android:orientation="vertical" 

7.     android:background="#7ecef4"> 

8.     <fragment  

9.         android:name="com.example.fragementexam.FragementList" 

10.         android:id="@+id/frag_list" 

11.         android:layout_width="fill_parent" 

12.         android:layout_height="0dp" 

13.         android:layout_weight="2"/> 

14.     <fragment  

15.         android:name="com.example.fragementexam.FragementDetails" 

16.         android:id="@+id/frag_detail" 

17.         android:layout_width="fill_parent" 

18.         android:layout_height="0dp" 

19.         android:layout_weight="1"/> 

20. </LinearLayout> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" 
    android:orientation="vertical"
    android:background="#7ecef4">
	<fragment 
	    android:name="com.example.fragementexam.FragementList"
	    android:id="@+id/frag_list"
	    android:layout_width="fill_parent"
	    android:layout_height="0dp"
	    android:layout_weight="2"/>
	<fragment 
	    android:name="com.example.fragementexam.FragementDetails"
	    android:id="@+id/frag_detail"
	    android:layout_width="fill_parent"
	    android:layout_height="0dp"
	    android:layout_weight="1"/>
</LinearLayout>

③FragmentList.java的代码,它继承了ListFragment，注意在onCreateView方法中使用inflater的inflate方法将布局页面引进：

[java] view plaincopyprint?

1. package com.example.fragementexam; 

2.  

3. import java.util.ArrayList; 

4. import java.util.HashMap; 

5. import java.util.List; 

6. import java.util.Map; 

7.  

8. import android.app.ListFragment; 

9. import android.os.Bundle; 

10. import android.util.Log; 

11. import android.view.LayoutInflater; 

12. import android.view.View; 

13. import android.view.ViewGroup; 

14. import android.widget.ListView; 

15. import android.widget.SimpleAdapter; 

16.  

17. public class FragementList extends ListFragment { 

18.     private String[] values = new String[] { "侏儒", "人类", "暗夜精灵", "矮人", "德莱尼", 

19.             "狼人" }; 

20.     private int[] images = new int[] { R.drawable.gnome, 

21.             R.drawable.human, R.drawable.nightelf, 

22.             R.drawable.dwarf, R.drawable.draenei, 

23.             R.drawable.werewolf }; 

24.  

25.     @Override 

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

27.             Bundle savedInstanceState) { 

28.  

29.         return inflater.inflate(R.layout.frag_list, container, false); 

30.     } 

31.  

32.     @Override 

33.     public void onActivityCreated(Bundle savedInstanceState) { 

34.         super.onActivityCreated(savedInstanceState); 

35.  

36.         List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>(); 

37.         for (int i = 0; i < values.length; i++) { 

38.             Map<String, Object> listItem = new HashMap<String, Object>(); 

39.             listItem.put("values", values[i]); 

40.             listItem.put("images", images[i]); 

41.             listItems.add(listItem); 

42.         } 

43.         SimpleAdapter adapter = new SimpleAdapter(getActivity(), listItems, 

44.                 R.layout.list_item, new String[] { "values", "images" }, 

45.                 new int[] { R.id.txt_title, R.id.img }); 

46.         setListAdapter(adapter); 

47.  

48.     } 

49.  

50.     @Override 

51.     public void onListItemClick(ListView l, View v, int position, long id) { 

52.         // String item = (String) getListAdapter().getItem(position); 

53.         FragementDetails frag = (FragementDetails) getFragmentManager() 

54.                 .findFragmentById(R.id.frag_detail); 

55.         if (frag != null && frag.isInLayout()) { 

56.             switch (position) { 

57.             case 0: 

58.                 frag.setText(getString(R.string.Gnome)); 

59.                 break; 

60.             case 1: 

61.                 frag.setText(getString(R.string.Human)); 

62.                 break; 

63.             case 2: 

64.                 frag.setText(getString(R.string.NightElf)); 

65.                 break; 

66.             case 3: 

67.                 frag.setText(getString(R.string.Dwarf)); 

68.                 break; 

69.             case 4: 

70.                 frag.setText(getString(R.string.Draenei)); 

71.                 break; 

72.             case 5: 

73.                 frag.setText(getString(R.string.Werewolf)); 

74.                 break; 

75.             } 

76.         } 

77.  

78.         Log.i("PDA", "position = " + position); 

79.     } 

80.  

81. } 

package com.example.fragementexam;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.ListFragment;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class FragementList extends ListFragment {
	private String[] values = new String[] { "侏儒", "人类", "暗夜精灵", "矮人", "德莱尼",
			"狼人" };
	private int[] images = new int[] { R.drawable.gnome,
			R.drawable.human, R.drawable.nightelf,
			R.drawable.dwarf, R.drawable.draenei,
			R.drawable.werewolf };

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {

		return inflater.inflate(R.layout.frag_list, container, false);
	}

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);

		List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < values.length; i++) {
			Map<String, Object> listItem = new HashMap<String, Object>();
			listItem.put("values", values[i]);
			listItem.put("images", images[i]);
			listItems.add(listItem);
		}
		SimpleAdapter adapter = new SimpleAdapter(getActivity(), listItems,
				R.layout.list_item, new String[] { "values", "images" },
				new int[] { R.id.txt_title, R.id.img });
		setListAdapter(adapter);

	}

	@Override
	public void onListItemClick(ListView l, View v, int position, long id) {
		// String item = (String) getListAdapter().getItem(position);
		FragementDetails frag = (FragementDetails) getFragmentManager()
				.findFragmentById(R.id.frag_detail);
		if (frag != null && frag.isInLayout()) {
			switch (position) {
			case 0:
				frag.setText(getString(R.string.Gnome));
				break;
			case 1:
				frag.setText(getString(R.string.Human));
				break;
			case 2:
				frag.setText(getString(R.string.NightElf));
				break;
			case 3:
				frag.setText(getString(R.string.Dwarf));
				break;
			case 4:
				frag.setText(getString(R.string.Draenei));
				break;
			case 5:
				frag.setText(getString(R.string.Werewolf));
				break;
			}
		}

		Log.i("PDA", "position = " + position);
	}

}

④FragementDetails.java的代码，这个比较简单，里面有一个设置TextView内容的方法，其布局页面也仅仅是一个TextView

[java] view plaincopyprint?

1. package com.example.fragementexam; 

2.  

3. import android.app.Fragment; 

4. import android.os.Bundle; 

5. import android.view.LayoutInflater; 

6. import android.view.View; 

7. import android.view.ViewGroup; 

8. import android.widget.TextView; 

9.  

10.  

11. public class FragementDetails extends Fragment { 

12.  

13.     @Override 

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

15.             Bundle savedInstanceState) { 

16.         // TODO Auto-generated method stub 

17.         return inflater.inflate(R.layout.frag_detail, container,false); 

18.     } 

19.      

20.     public void setText(String item){ 

21.         TextView txt = (TextView) getView().findViewById(R.id.txt_detail); 

22.         txt.setText(item); 

23.     } 

24.  

25.      

26. } 

package com.example.fragementexam;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class FragementDetails extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		return inflater.inflate(R.layout.frag_detail, container,false);
	}
	
	public void setText(String item){
		TextView txt = (TextView) getView().findViewById(R.id.txt_detail);
		txt.setText(item);
	}

	
}