ListFragment的使用

ListFragment继承了Fragment，顾名思义，ListFragment是一种特殊的Fragment，它包含了一个ListView，在ListView里面显示数据。

1. MainActivity

Java类文件：

package com.example.hzhi.fragmentdemo;

import android.app.Activity;

import android.os.Bundle;

import android.app.FragmentManager;

import android.app.FragmentTransaction;

public class MainActivity extends Activity {

    private FragmentManager manager;

    private FragmentTransaction transaction;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        manager = getFragmentManager();

        transaction = manager.beginTransaction();

        ListFragmentImpl frgImpl = new ListFragmentImpl();

        ListFragmentSelf frgSelf = new ListFragmentSelf();

        transaction.add(R.id.fragment1, frgImpl, "frgImpl");

        transaction.add(R.id.fragment2, frgSelf, "frgSelf");

        transaction.commit();

    }

}

xml布局文件：

<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"

    android:orientation="horizontal" >

    <LinearLayout

        android:id="@+id/fragment1"

        android:layout_weight="1"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical"/>

    <LinearLayout

        android:id="@+id/fragment2"

        android:layout_weight="1"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical"/>

</LinearLayout>

可见MainActivity是比较简单的，在布局里面放了左右两个ListFragment。

2. ListFragment

2.1 左边的ListFragment

Java类文件：

package com.example.hzhi.fragmentdemo;

import android.app.ListFragment;

import android.widget.ListView;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.util.Log;

import android.widget.Toast;

import android.widget.SimpleAdapter;

import java.util.Map;

import java.util.HashMap;

import java.util.List;

import java.util.ArrayList;

public class ListFragmentImpl extends ListFragment{

    private static final String TAG = "ListFragmentImpl";

    private ListView selfList;

    String[] classes = {

            "计算机网络",

            "操作系统",

            "C语言",

            "Java",

            "数据库原理",

            "移动开发",

    };

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

                             Bundle savedInstanceState) {

        Log.d(TAG, "onCreateView");

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

    }

    @Override

    public void onCreate(Bundle savedInstanceState) {

        Log.d(TAG, "onCreate");

        super.onCreate(savedInstanceState);

        // 设置ListFragment默认的ListView，即@id/android:list

        this.setListAdapter(new ArrayAdapter<String>(getActivity(),

                android.R.layout.simple_list_item_1, classes));

    }

    public void onListItemClick(ListView parent, View v,

                                int position, long id) {

        Log.d(TAG, "onListItemClick");

        // 找到ListFragmentSelf

        ListFragmentSelf listFragmentSelf = (ListFragmentSelf) getFragmentManager().

                findFragmentByTag("frgSelf");

        listFragmentSelf.flushData(position);

    }

}

布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <!-- ListFragment对应的android:id值固定为"@id/android:list" -->

    <ListView

        android:id="@id/android:list"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:drawSelectorOnTop="false"

        />

</LinearLayout>

2.2 右边的ListFragment

Java类文件：

package com.example.hzhi.fragmentdemo;

import android.app.ListFragment;

import android.widget.ListView;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.util.Log;

import android.widget.SimpleAdapter;

import java.util.Map;

import java.util.HashMap;

import java.util.List;

import java.util.ArrayList;

public class ListFragmentSelf extends ListFragment{

    private static final String TAG = "ListFragmentImpl";

    private ListView selfList;

    final String[] from = new String[] {"name", "title", "info", "picture"};

    final int[] to = new int[] {R.id.text0, R.id.text1, R.id.text2, R.id.picture};

    private String[] tname = new String[]{"计算机网络", "操作系统", "C语言", "Java", "数据库原理", "移动开发"};

    private String[] ttitle = new String[]{"张三", "李四", "王五", "Tom", "Mike", "Peter"};

    private String[] ttime = new String[]{"160", "50", "40", "200", "180", "150"};

    private int[] pic = new int[]{R.drawable.jsjwl, R.drawable.czxt, R.drawable.cyy,

            R.drawable.java, R.drawable.sjkyl, R.drawable.ydkf};

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

                             Bundle savedInstanceState) {

        Log.d(TAG, "onCreateView");

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

    }

    @Override

    public void onCreate(Bundle savedInstanceState) {

        Log.d(TAG, "onCreate");

        super.onCreate(savedInstanceState);

        flushData(0);

    }

    public void onListItemClick(ListView parent, View v,

                                int position, long id) {

        Log.d(TAG, "onListItemClick");

    }

    public void flushData(int p){

        // 建立SimpleAdapter，将from和to对应起来

        SimpleAdapter adapter = new SimpleAdapter(

                this.getActivity(), getSimpleData(p),

                R.layout.list_item, from, to);

        this.setListAdapter(adapter);

    }

    private List<Map<String, Object>> getSimpleData(int p) {

        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

        Map<String, Object> map = new HashMap<String, Object>();

        map.put("title", "课程名称");

        map.put("info", tname[p]);

        list.add(map);

        map = new HashMap<String, Object>();

        map.put("title", "教师姓名");

        map.put("info", ttitle[p]);

        list.add(map);

        map = new HashMap<String, Object>();

        map.put("title", "学时");

        map.put("info", ttime[p]);

        list.add(map);

        map = new HashMap<String, Object>();

        map.put("title", "图片");

        map.put("picture", pic[p]);

        list.add(map);

        return list;

    }

}

布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <!-- ListFragment对应的android:id值固定为"@id/android:list" -->

    <ListView

        android:id="@id/android:list"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:drawSelectorOnTop="false"

        />

</LinearLayout>

行布局文件：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <TextView android:id="@+id/text0"

        android:textSize="12sp"

        android:textStyle="bold"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"/>

    <TextView android:id="@+id/text1"

        android:textSize="12sp"

        android:textStyle="bold"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"/>

    <TextView android:id="@+id/text2"

        android:textSize="24sp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"/>

    <ImageView

        android:id="@+id/picture"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:paddingLeft="10dp" />

</LinearLayout>

最重要的方法是，当点击左边ListFragment的某一行时，取得改行的position，然后根据Tag找到右边的ListFragment，并调用flushData()方法，使右边的ListFragment刷新数据。

3. 运行结果