ListView + GridView讲解

一、ListView

　　一个ListView通常有两个职责。

　　　　（1）将数据填充到布局。

　　　　（2）处理用户的选择点击等操作。

　　一个ListView的创建需要3个元素。

　　　　（1）ListView中的每一行View的布局。（里面可以包括图片，按钮，文字等等自定义的想要展示的内容。）

　　　　（2）填入View的数据或者图片等。（每一行要展示的数据，比如TextView中的文字，ImageView中的图片）

　　　　（3）连接数据与ListView的适配器Adapter。（告诉代码数据应该怎样展示，哪个View放哪些数据）

　　

　　（1）首先讲一下每一行的布局文件，一般以item_list_xxxx.xml命名，放置于layout文件夹中。下面举个简单的例子

　　　　

<?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="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/portrait"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/self" />

    <TextView
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:text="名字"
        android:textColor="@color/black"
        android:textSize="@dimen/smid" />

</LinearLayout>

 

　　代码的效果如图，这就是ListView中一行的样式。

　　（2）对于上个布局的例子，每一行需要的数据有两个，一个是图片头像，一个是文字姓名，所以我们用两个动态数组来保存这些数据

ArrayList<MemberStudentBean> studentNameList = new ArrayList<MemberStudentBean>();
ArrayList<Portrait> studentPortraitSignList = new ArrayList<Portrait>();

 

　　其中，MemberStudentBean是一个保存用户信息的实体类，其中包含多个字段来保存用户的信息，其中有我们要展示在id=name这个TextView中的名字字段。Portrait是一个保存头像的类，其中有许多功能，在这里我们只需要知道其中的一个方法：

public void setPortraitInImageView(ImageView imageView)；//将头像展示于imageView中

 

　　（3）最后就是最重要的Adapter了。

　　　　表4-5 常用适配器

Adapter	含义
ArrayAdapter<T>	用来绑定一个数组，支持泛型操作
SimpleAdapter	用来绑定在xml中定义的控件对应的数据
SimpleCursorAdapter	用来绑定游标得到的数据
BaseAdapter	通用的基础适配器

　　　　一般我们都是写一个类继承BaseAdapter来实现我们想要的数据连接。

　　　　

public class ImageTextAdapter extends BaseAdapter {

    private List<MemberStudentBean> nameList;
    private List<Portrait> portraitList;
    private Context context;

    public ImageTextAdapter(Context context,List<MemberStudentBean> nameList,List<Portrait> portraitList){
        this.nameList = nameList;
        this.portraitList = portraitList;
        this.context = context;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        MyView tag;
        if (convertView == null){
            View v = LayoutInflater.from(context).inflate(R.layout.item_user_portrait_name,null);
            tag = new MyView();
            tag.imageView = (CircleImageView) v.findViewById(R.id.icon);
            tag.textView = (TextView) v.findViewById(R.id.name);
            v.setTag(tag);
            convertView = v;
        }else
            tag = (MyView) convertView.getTag();
        tag.textView.setText(nameList.get(position).getStudentName());
        tag.imageView.setImageResource(R.drawable.self);
        portraitList.get(position).setPortraitInImageView(tag.imageView);
        tag.imageView.setBorderWidth(1);
        tag.imageView.setBorderColor(context.getResources().getColor(R.color.borderColor));
        return convertView;
    }
    private class MyView{
        CircleImageView imageView;
        TextView textView;
    }
}

　　　　讲几个要点，一个是要自己写一个Tag类来保存每一行的view中的控件的引用。其次是重写getView方法，每次