【转】基于Android Fragment功能的例子

原文网址：http://blog.csdn.net/eyu8874521/article/details/8252216

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

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

具体的实现步骤如下：

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

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

[html] view plaincopy

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>

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

[java] view plaincopy

1. package com.example.fragementexam;
2. import java.util.ArrayList;
3. import java.util.HashMap;
4. import java.util.List;
5. import java.util.Map;
6. import android.app.ListFragment;
7. import android.os.Bundle;
8. import android.util.Log;
9. import android.view.LayoutInflater;
10. import android.view.View;
11. import android.view.ViewGroup;
12. import android.widget.ListView;
13. import android.widget.SimpleAdapter;
14. public class FragementList extends ListFragment {
15. private String[] values = new String[] { "侏儒", "人类", "暗夜精灵", "矮人", "德莱尼",
16. "狼人" };
17. private int[] images = new int[] { R.drawable.gnome,
18. R.drawable.human, R.drawable.nightelf,
19. R.drawable.dwarf, R.drawable.draenei,
20. R.drawable.werewolf };
21. @Override
22. public View onCreateView(LayoutInflater inflater, ViewGroup container,
23. Bundle savedInstanceState) {
24. return inflater.inflate(R.layout.frag_list, container, false);
25. }
26. @Override
27. public void onActivityCreated(Bundle savedInstanceState) {
28. super.onActivityCreated(savedInstanceState);
29. List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
30. for (int i = 0; i < values.length; i++) {
31. Map<String, Object> listItem = new HashMap<String, Object>();
32. listItem.put("values", values[i]);
33. listItem.put("images", images[i]);
34. listItems.add(listItem);
35. }
36. SimpleAdapter adapter = new SimpleAdapter(getActivity(), listItems,
37. R.layout.list_item, new String[] { "values", "images" },
38. new int[] { R.id.txt_title, R.id.img });
39. setListAdapter(adapter);
40. }
41. @Override
42. public void onListItemClick(ListView l, View v, int position, long id) {
43. // String item = (String) getListAdapter().getItem(position);
44. FragementDetails frag = (FragementDetails) getFragmentManager()
45. .findFragmentById(R.id.frag_detail);
46. if (frag != null && frag.isInLayout()) {
47. switch (position) {
48. case 0:
49. frag.setText(getString(R.string.Gnome));
50. break;
51. case 1:
52. frag.setText(getString(R.string.Human));
53. break;
54. case 2:
55. frag.setText(getString(R.string.NightElf));
56. break;
57. case 3:
58. frag.setText(getString(R.string.Dwarf));
59. break;
60. case 4:
61. frag.setText(getString(R.string.Draenei));
62. break;
63. case 5:
64. frag.setText(getString(R.string.Werewolf));
65. break;
66. }
67. }
68. Log.i("PDA", "position = " + position);
69. }
70. }

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

[java] view plaincopy

1. package com.example.fragementexam;
2. import android.app.Fragment;
3. import android.os.Bundle;
4. import android.view.LayoutInflater;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.TextView;
8. public class FragementDetails extends Fragment {
9. @Override
10. public View onCreateView(LayoutInflater inflater, ViewGroup container,
11. Bundle savedInstanceState) {
12. // TODO Auto-generated method stub
13. return inflater.inflate(R.layout.frag_detail, container,false);
14. }
15. public void setText(String item){
16. TextView txt = (TextView) getView().findViewById(R.id.txt_detail);
17. txt.setText(item);
18. }
19. }

其他的部分就是一些数组，String的定义了，这个demo虽然简单，却将Android Fragment方面常用到的做了一个综述，如果自己写明白了这个的话，今后遇到类似的项目应该要好应付的多，好了，收工！