Android ListView的自定义、优化及点击事件

                                                                                                                                                读《第一行代码-第2版》笔记

ListView允许用户通过手指的上下滑动的将屏幕外的数据滚动到屏幕内。

设置布局文件

<ListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

在MainActivity中读取数据并在listview中显示出来

添加数据：

private String[] data ={"Apple","Banana","Orange","Watermelon","Pear","Grape",
        "Pineapple","Strawberry","Cherry","Banana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry"};

onCreate中获取数据：

ArrayAdapter<String> adapter = new ArrayAdapter<String>(
        MainActivity.this,android.R.layout.simple_list_item_1,data);
ListView listView = findViewById(R.id.list_view);
listView.setAdapter(adapter);

数组中的数据无法直接传输给ListView，需要借助适配器。
ArrayAdapter适配器通过泛型来指定要适配的数据类型，然后在构造函数中把适配的数据传入。
在ArrayAdapter的构造函数中依次传入当前上下文，ListView的子布局项的id，以及要适配的数据。
我使用了android.R.layout.simple_list_item_1作为ListView的子布局项的id，这是一个Android内置的布局文件,
里面只有一个Textview,用于显示一段简单的文本。
最后调用listview的setAdapter方法将适配器对象传入。

定制ListView的界面

如果想在文字前面加上图片：首先需要自己准备一组图片。
定义一个实体类，作为ListView适配器的适配类型。
新建Fruit ：

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;
    }
}

在layout目录下面新建fruit_item.xml

添加一个textview 和一个imageview

接下来需要创建一个自定义的适配器，继承自ArrayAdapter，并将泛型指定为Furit类。

public class FruitAdapter extends ArrayAdapter<Fruit> {
    private int resourceId;
    public FruitAdapter(Context context, int textViewResouceId, List<Fruit> objects){
        super(context,textViewResouceId,objects);
        resourceId = textViewResouceId;
    }

    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        Fruit fruit = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
        ImageView fruitImage = view.findViewById(R.id.fruit_image);
        TextView fruitName = view.findViewById(R.id.fruit_name);
        fruitImage.setImageResource(fruit.getImageId());
        fruitName.setText(fruit.getName());
        return view;
    }
}

    FruitAdapter 重写了父类的一组构造函数，用于将上下文、ListView子项布局的ID和数据都传递进来。

另外又重写了getView()方法，这个方法在每个子项被滚动到屏幕内的时候被调用。在getView()方法中，首先通过getItem()方法得到当前项的Fruit实例。然后使用LayoutInflater来为这个子项加载传入的布局。

     LayoutInflater的inflater()方法接收3个参数，第三个参数指定成false是表示只让在父布局中声明layout属性生效，但不会为这个View添加父布局，因为一旦View有了父布局之后就不能再添加到LIstview中了。

    修改MainActivity中的代码：

private List<Fruit> fruitList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initFruit();//初始化水果数据
    FruitAdapter adapter = new FruitAdapter(MainActivity.this,R.layout.fruit_item,fruitList);
    ListView listView = findViewById(R.id.list_view);
    listView.setAdapter(adapter);
    
}

private void initFruit() {
    for(int i =0 ; i<2 ;i++){
        Fruit apple = new Fruit("Apple",R.drawable.apple_pic);
        fruitList.add(apple);
        //类似添加其他元素
    }
}

这样就可以完成一个自定义的ListView。

优化ListView    

以上方法虽然创建了一个自定义的ListView但是运行效率很低，因为在FruitAdapter的getView()方法中每次都会将布局重新加载一次，当listview快速滚动时就会成为功能的瓶颈。

    在getView()方法中的convertView参数用于将之前加载的布局进行缓存，以便之后进行重用。

    新增一个内部类ViewHolder，用于对控件的实例进行缓存。当convertView为null的时候，创建一个ViewHolder对象，并将控件的实例都存放在ViewHolder中，然后调用view的setTag()方法，将ViewHolder对象存储在View中。
当convertView不为null的时候取出。这样所有控件的实例都缓存在ViewHolder里，大大提高了效率。

修改FruitAdapter如下：

public class FruitAdapter extends ArrayAdapter<Fruit> {
    private int resourceId;
    public FruitAdapter(Context context, int textViewResouceId, List<Fruit> objects){
        super(context,textViewResouceId,objects);
        resourceId = textViewResouceId;
    }

    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        Fruit fruit = getItem(position);
        View view ;
        ViewHolder viewHolder;
        if(convertView == null){
            view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
            viewHolder = new ViewHolder();
            viewHolder.fruitImage=view.findViewById(R.id.fruit_image);
            viewHolder.fruitName = view.findViewById(R.id.fruit_name);
            view.setTag(viewHolder);
        }else{
           view  = convertView;
           viewHolder = (ViewHolder) view.getTag();
        }

        viewHolder.fruitImage.setImageResource(fruit.getImageId());
        viewHolder.fruitName.setText(fruit.getName());
        return view;
    }

    private class ViewHolder {
        ImageView fruitImage;
        TextView fruitName;
    }
}

ListView的点击事件

 添加listview的点击事件，onItemClick（）方法。

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
        Fruit  fruit = fruitList.get(i);
        Toast.makeText(MainActivity.this,fruit.getName(),
                Toast.LENGTH_SHORT).show();
    }
});