Android之ListView多种实现效果

前言

ListView适用于展示多条数据的情形下，而在我们本次大作业里，大部分接口提供的数据都是需要展示的数据组，因此学会ListView的使用十分必要。下面我来介绍几种我所用的ListView的实现效果：

ListView实现效果

一、基础ListView

如上图，该ListView的单个item仅包含两个TextView和一个ImageView，使用SimpleAdapter装载数据，然后为该ListView添加OnItemClickListener便能实现点击单个item跳转至单个数据的详细页面。

布局代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/group_margin_left"
        android:layout_marginTop="@dimen/group_margin_top"
        android:textColor="@color/textColor"
        android:textSize="20dp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/info"
        android:layout_below="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/group_margin_top"
        android:layout_marginLeft="@dimen/group_margin_left"
        android:textColor="@color/textColor"
        android:textSize="15dp" />

    <ImageView
        android:layout_width="30dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="@dimen/group_margin_left"
        android:src="@drawable/button" />

RelativeLayout>

Activity里装载数据代码如下：

SimpleAdapter adapter = new SimpleAdapter(context, getData(), R.layout.view_group_item,new String[]{"title", "info"},new int[]{R.id.title, R.id.info});
groupListView.setAdapter(adapter);
groupListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
       @Override
       public void onItemClick(AdapterView parent, View view, int position, long id) {
              Intent intent = new Intent(context, StudentActivity.class);
              intent.putExtra("groupId", groupVOs.get(position).getId());
              startActivity(intent);
       }
});

-----------------------------------------------------------------

private List> getData() {
   List> maps = new ArrayList<>();

   for (GroupVO groupVO : groupVOs) {
          Map map = new HashMap<>();
          map.put("title", "班级编号：" + groupVO.getId());
          map.put("info", "班级名称：" + groupVO.getName());
          maps.add(map);
   }

   return maps;
}

二、Item中带Button的ListView

如上图，该ListView的关键点在于单个Item中含有Button，这个时候单个Item的OnClickListener会因与Button的点击事件冲突而无法使用，而且我们需要实现的效果是为单个Item中的每个Button添加各自的点击事件，而ListView无法直接获取每个Item再为Item中的Button组件添加监听事件，所以这时候我们需要自定义一个BaseAdapter的实现类来满足我们的需求，自定义Adapter类代码如下(关键是getView()方法的override)：

public class MyAdapter extends BaseAdapter {
    private Context mContext;
    private List mList;

    public MyAdapter(Context context, List list) {
        this.mContext = context;
        this.mList = list;
    }

    @Override
    public int getCount() {
        return mList.size();
    }

    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

            // 加载单个Item的布局文件
            convertView = inflater.inflate(R.layout.view_course_item, null);
        }

        int courseId = mList.get(position).getId();
        ((TextView) convertView.findViewById(R.id.course_name)).setText("课程名：" + mList.get(position).getName());
        ((TextView) convertView.findViewById(R.id.course_id)).setText("课程编号：" + courseId);

// 为item中的Button添加点击事件监听
convertView.findViewById(R.id.exam_btn).setOnClickListener(new MyOnClickListener(courseId, ExerciseType.EXAM));
        convertView.findViewById(R.id.exercise_btn).setOnClickListener(new MyOnClickListener(courseId, ExerciseType.EXERCISE));
        convertView.findViewById(R.id.homework_btn).setOnClickListener(new MyOnClickListener(courseId, ExerciseType.HOMEWORK));

        return convertView;
    }
}

三、能展开的ListView

如上图，实现的效果是ListView中的每个Item具有收起和展开两种状态，正常时显示收起状态，点击单个Item后展开显示详细数据。实现方法是在布局文件中先定义好所有的组件，包括展开需要显示的组件，然后将不需要在收起状态显示的组件的visibility属性设置为gone，之后在写OnItemClickListener的onItemClick()方法时，为ListView的每个position记录一个点击次数，奇数次点击时将gone控件的visibility属性设置为visible，偶数次点击时将这些控件的visibility再设置回gone即可。（但是有个Bug，在ListView数据超过十个的时候，展开会有问题，无法唯一定位到单个Item的View，原因暂时未知。）点击事件代码如下：

            studentListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                Map itemCountMap = new HashMap<>();

                @Override
                public void onItemClick(AdapterView parent, View view, int position, long id) {
                    if (!itemCountMap.containsKey(id)) itemCountMap.put(id, 0);
                    itemCountMap.put(id, itemCountMap.get(id) + 1);

                    if (itemCountMap.get(id) % 2 == 1) {
                        view.findViewById(R.id.gender).setVisibility(View.VISIBLE);
                        view.findViewById(R.id.email).setVisibility(View.VISIBLE);
                        view.findViewById(R.id.git_id).setVisibility(View.VISIBLE);
                        view.findViewById(R.id.git_username).setVisibility(View.VISIBLE);
                    } else {
                        view.findViewById(R.id.gender).setVisibility(View.GONE);
                        view.findViewById(R.id.email).setVisibility(View.GONE);
                        view.findViewById(R.id.git_id).setVisibility(View.GONE);
                        view.findViewById(R.id.git_username).setVisibility(View.GONE);
                    }
                }
            });