Android学习笔记--7.listView的使用

前言：ListView这个控件，是挺重要的控件，我们在很多应用中都可以见到它，例如联系人列表，微信的聊天和联系人列表界面等等，所以要下功夫好好学了。在这个控件的学习中也是遇到了不少问题，一个就是，我在每个列表项展示图片的时候，把自己电脑上的jpg格式的图片改成了png，然后拉到项目中不能用，总报错，且不能为图片生成id，这就导致R文件不能正确被创建，很烦，所以不要轻易更改图片格式。所以提醒小伙伴们注意啊！

1.首先创建在主布局中添加ListView

这步基本上不会有什么问题，就是为这个控件添加id，设置一下宽高就行了。

<?xml version="1.0" encoding="utf-8"?>
<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">
    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
    />


</LinearLayout>

2.为列表项添加自定义布局

这里这个布局我没写的多复杂，就加了一个图片视图和文字视图。当然了，我们也可以自己自由设计这个布局，模仿微信或者微博等等他们的界面。

<?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="horizontal">
    <ImageView
        android:id="@+id/fruit_iamge"
        android:layout_width="30dp"
        android:layout_height="30dp"/>
    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dp"/>

</LinearLayout>

3.创建一个内容类，用于充当列表项里展示的内容

这个类我是按照书上的例子写的，即展示的内容是一张水果图片和水果的名字。这个类也很简单，一个图片id属性，一个图片名字属性。

package com.example.administrator.listviewtest;

/**
 * Created by Administrator on 2016/9/5.
 */
public class Fruit {
    private String name;
    private int imageId;
    public Fruit(String name,int imageId){
        this.name =name;
        this.imageId = imageId;
    }

    public String getName() {
        return name;
    }

    public int getImageId() {
        return imageId;
    }
}

4.自定义一个适配器（FruitAdapter）

好吧，这个才是学习过程中不好理解的地方，尤其是对于像我这样的新手来讲，好多方法及参数都没见过好吧！但是这不是阻止我们继续学习下去的借口，不懂得方法就查Android官方文档吧。
这个自定义的适配器是继承的ArrayAdapter，在这个适配器类中写了一个resourceId属性，这个属性是用来接收你写的自定义布局的id。然后下面是个构造方法，这个方法里有三个参数，第一个是context（上下文）用于指定响应哪个活动，我们这里是指定MainActivity。第二个参数传自定义布局的id，不用多讲了。第三个是list集合，用来传自定义内容类的对象。
最后的这个方法，是我们覆写的getView（）方法，这个方法是在内容被显示的时候被调用的，怎么理解呐？就是适配器和ListView这个控件绑定后（这个在MainActivity中写的），列表里的内容需要适配器为它加载控件，为它加载内容，所以这个覆写这个方法，就是为了展示我们自己的内容。但为什么一定要覆写，我补重写难道不行？这是由于你继承的是ArrayAdapter，这个类中的getView返回的就一个textView，即就只能展示文字，你想展示图片，你想让你的列表项变得更加丰富，那你说，重不重写。
这个方法里同样也有三个参数，第一个position是用来获取你适配器里的fruit实例的，第二个convertView是缓存的视图（convertView的原理），第三个是所有加载过的view组。首先通过getItem方法获得fruit对象，然后判断convertView是否为空，为空的话就说明列表项的内容都是第一次被加载，然后初始化布局。如果不为空的话，说明有已经的加载过的列表项，就不需要为新的列表项重新加载布局了，直接用缓存的布局。viewHolder对象是避免布局中控件对象的重复加载，在第一次加载的时候，把实例化的控件通过setTag（）存在view对象中，当展示新的列表项时，直接把view中实例化好的控件拿来用。
再接着，在为控件添加数据，这个方法基本写完了。

package com.example.administrator.listviewtest;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Adapter;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by Administrator on 2016/9/5.
 */
public class FruitAdapter extends ArrayAdapter<Fruit> {
    private int resoureId;
    public FruitAdapter(Context context, int textViewResoureId, List<Fruit> objects){
        super(context,textViewResoureId,objects);
        this.resoureId = textViewResoureId;
    }

    @Override
    //这个getView方法，是每当列表项进入屏幕内被调用
    public View getView(int position, View convertView, ViewGroup parent) {
        //通过item方法获取适配器其中的fruit的实例，arrayadapter里的对象是按照数组顺序排列的
        Fruit fruit = getItem(position);
        //创建一个视图对象获取单个列表项的布局
        //View view = LayoutInflater.from(getContext()).inflate(resoureId,null);
        //性能优化,convertView是缓存的列表项,避免重复加载控件
        View view;
        viewHolder viewHolder;
        if (convertView == null){
            view = LayoutInflater.from(getContext()).inflate(resoureId,null);
            viewHolder = new viewHolder();
            viewHolder.mImageView = (ImageView)view.findViewById(R.id.fruit_iamge);
            viewHolder.mTextView = (TextView)view.findViewById(R.id.fruit_name);
            //把实例化的控件保存在view中
            view.setTag(viewHolder);
        }else {
            view = convertView;
            viewHolder = (viewHolder) view.getTag();
        }
        //为视图添加内容
        viewHolder.mImageView.setImageResource(fruit.getImageId());
        viewHolder.mTextView.setText(fruit.getName());

        return  view;
    }
    class viewHolder{
        ImageView mImageView;
        TextView mTextView;
    }
}

5.在MainActivity中，初始化ListView并添加响应事件

在Activity中，首先要用集合来管理数据对象，然后初始化ListView和自定义的FruitAdapter，通过setAdapter（）为ListView添加适配器（即上面提过的绑定，这是我自己的说法）。这里的fruit类数据的初始化中，我没用水果的名字，是自己瞎写的，图片也是系统自带的。有点注意的是，initFruit方法要写在适配器初始化前面，要不然就什么也显示不出来。

package com.example.administrator.listviewtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    //创建一个集合作为数据源
    private List<Fruit> mFruitList = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化数据源
        initFruits();
        //创建适配器
        FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, mFruitList);
        ListView mListView = (ListView) findViewById(R.id.list_view);
        //为列表视图添加适配器
        mListView.setAdapter(adapter);
        //添加响应事件
        mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Fruit fruit = (Fruit)mFruitList.get(position);
                Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
            }
        });
    }
    //创建fruit对象，并加入集合中
    private void initFruits(){
        Fruit fruit1 = new Fruit("企鹅",R.drawable.ic_launcher);
        mFruitList.add(fruit1);
        Fruit fruit2 = new Fruit("八仙花",R.drawable.ic_launcher);
        mFruitList.add(fruit2);
        Fruit fruit3 = new Fruit("水母",R.drawable.ic_launcher);
        mFruitList.add(fruit3);
        Fruit fruit4 = new Fruit("沙漠",R.drawable.ic_launcher);
        mFruitList.add(fruit4);
        Fruit fruit5 = new Fruit("灯塔",R.drawable.ic_launcher);
        mFruitList.add(fruit5);
        Fruit fruit6 = new Fruit("红旗",R.drawable.ic_launcher);
        mFruitList.add(fruit6);
        Fruit fruit7 = new Fruit("考拉",R.drawable.ic_launcher);
        mFruitList.add(fruit7);
        Fruit fruit8 = new Fruit("菊花",R.drawable.ic_launcher);
        mFruitList.add(fruit8);
        Fruit fruit9 = new Fruit("郁金香",R.drawable.ic_launcher);
        mFruitList.add(fruit9);
        Fruit fruit10 = new Fruit("风情", R.drawable.ic_launcher);
        mFruitList.add(fruit10);
    }
}