【实战】初识ListView及提高效率

时间:2023-03-09 01:01:28
【实战】初识ListView及提高效率

简介:

  ListView是手机上最常用的控件之一,几乎所有的程序都会用到,手机屏幕空间有限,当需要显示大量数据的时候,就需要借助ListView来实现,允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时原有的数据将滚动出去。

一、使用准备好的data数组来显示ListView

  1. 新建项目,修改activity_main.xml中的代码,增加ListView控件,简单设置属性
     <RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.listviewtest.MainActivity" > <ListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    /> </RelativeLayout>
  2. 在主活动MainActivity.java中新建数据数组data,新建适配器,设置适配器显示
     package com.example.listviewtest;
    
     import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ArrayAdapter;
    import android.widget.ListView;
    public class MainActivity extends Activity { //建立私有数组来存储要显示的数据
    private String[] data = {"Apple","Banana","Orange","Watermelon","pear","Grape","Pineapple","Strawberry","Cherry","Mango"
    ,"Apple","Banana","Orange","Watermelon","pear","Grape","Pineapple","Strawberry","Cherry","Mango"}; @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main); //新建适配器来转换数据
    ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,data); //实例化ListView
    ListView listView = (ListView) findViewById(R.id.list_view); //给listView设置适配器,将ListView和数据联系起来
    listView.setAdapter(adapter);
    } }

二、定制ListView的界面,可以设置图片等、更加美观

  1. 新建实体类,来存放要显示的数据,这里使用的水果列表
     package com.example.listviewtest;
    
     //存放水果信息的类
    public class Fruit {
    private String name ;//定义私有变量存储水果名称
    private int imageId ;//定义私有变量存储水果图片ID //定义构造方法来初始化
    public Fruit(String name , int imageId ) {
    // TODO Auto-generated method stub
    this.name = name;
    this.imageId = imageId;
    } //获取名称
    public String getName() {
    return name;
    }
    //获取图片ID
    public int getImageId()
    {
    return imageId;
    }
    }

    Fruit

  2. 为ListView的子项指定一个自定义布局fruit_item.xml,ImageView显示水果图片,TextView显示水果名称
     <?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_image"
    android:layout_width="50sp"
    android:layout_height="50sp"/> <TextView
    android:id="@+id/fruit_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"居中显示 android:layout_marginLeft="10dip" 距离左侧10dip />
    </LinearLayout>
  3. 自定义适配器继承于ArrayAdapter,将泛型指定为Fruit类
     package com.example.listviewtest;
    
     import java.util.List;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.TextView; public class FruitAdapter extends ArrayAdapter<Fruit> {
    //定义地址路径 resourceId
    private int resourceId; //重写父类的构造方法,传入上下文,ListView子布局ID和数据传进来;
    public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {
    // TODO Auto-generated constructor stub
    super(context , textViewResource , object);
    resourceId = textViewResource;
    } //重写getView方法,返回View
    @Override
    public View getView(int position, View convertView, ViewGroup parent) { //获取当前页面的Fruit实例,根据屏幕上的菜单滚动得到
    Fruit fruit = getItem(position); //使用Layoutinflater为这个子项加载我们传入的布局(resourceId),
    View view = LayoutInflater.from(getContext()).inflate(resourceId, null); //分别获取子布局中ImageView和TextView的实例
    ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
    TextView fruitName = (TextView) view.findViewById(R.id.fruit_name); //调用控件ImageView实例的setImageResource设置图片,TextView的setText方法设置文字;
    fruitImage.setImageResource(fruit.getImageId());
    fruitName.setText(fruit.getName()); //返回View
    return view; }
    }

    FruitAdapter类

  4. 重写MainActivity.java文件,
     package com.example.listviewtest;
    
     import java.util.ArrayList;
    import java.util.List;
    import com.example.listviewtest.Fruit;
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ListView;
    public class MainActivity extends Activity { //建立一个集合来存储实体类,实际上是水果的列表
    private List<Fruit> fruitList = new ArrayList<Fruit>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main); //实例化ListView控件为listView
    ListView listView = (ListView) findViewById(R.id.list_view); //利用自定义方法初始化水果数据
    initFruits(); //实例化适配器FruitAdapter,传入上下文、子布局、水果列表
    FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList); //为listView设置适配器,联系ListView和数据
    listView.setAdapter(adapter);
    } //自定义方法初始化水果数据
    private void initFruits() { //实例化水果对象;
    Fruit apple = new Fruit("Apple",R.drawable.apple_pic); //将对象传入自定义列表中
    fruitList.add(apple); //以下和上面是一个道理
    Fruit banana = new Fruit("Banana", R.drawable.banana_pic);
    fruitList.add(banana);
    Fruit orange = new Fruit("Orange",R.drawable.orange_pic);
    fruitList.add(orange);
    Fruit watermelon = new Fruit("Watermelon",R.drawable.watermelon_pic);
    fruitList.add(watermelon);
    Fruit pear = new Fruit("Pear",R.drawable.pear_pic);
    fruitList.add(pear);
    Fruit grape = new Fruit("Grape",R.drawable.grape_pic);
    fruitList.add(grape);
    Fruit pineapple = new Fruit("Pineapple", R.drawable.pineapple_pic);
    fruitList.add(pineapple);
    Fruit strawberry = new Fruit("Strawberry", R.drawable.strawberry_pic);
    fruitList.add(strawberry);
    Fruit cherry = new Fruit("Cherry", R.drawable.cherry_pic);
    fruitList.add(cherry);
    Fruit mango = new Fruit("Mango", R.drawable.mango_pic);
    fruitList.add(mango);
    } }

    MainActivity.java

  5. 显示效果(右键查看图像看大图):【实战】初识ListView及提高效率

三、提升ListView的运行效率,基于上面二中的例子

  主要解决的是:   1、在getView中每次都加载布局

          2、getView中每次都要实例化控件的实例

  1. 优化一:通过判断FruitAdapter中的getView方法中的convertView是否为空进行优化;(红色为修改部分)
     package com.example.listviewtest;
    
     import java.util.List;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.TextView; public class FruitAdapter extends ArrayAdapter<Fruit> {
    //定义地址路径 resourceId
    private int resourceId; //重写父类的构造方法,传入上下文,ListView子布局ID和数据传进来;
    public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {
    // TODO Auto-generated constructor stub
    super(context , textViewResource , object);
    resourceId = textViewResource;
    } //重写getView方法,返回View
    @Override
    public View getView(int position, View convertView, ViewGroup parent) { //获取当前页面的Fruit实例,根据屏幕上的菜单滚动得到
    Fruit fruit = getItem(position); //新建View对象
    View view ;
    32
    33 //判断convertView对象是否为空,如果为空就重新加载;
    34 if(convertView == null)
    35 {
    36 //使用Layoutinflater为这个子项加载我们传入的布局(resourceId),
    37 view = LayoutInflater.from(getContext()).inflate(resourceId, null);
    38 }
    39 else//如果不为空,则重新调用convertView;不必重新加载
    40 {
    41 view = convertView;
    42 } //分别获取子布局中ImageView和TextView的实例
    ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
    TextView fruitName = (TextView) view.findViewById(R.id.fruit_name); //调用控件ImageView实例的setImageResource设置图片,TextView的setText方法设置文字;
    fruitImage.setImageResource(fruit.getImageId());
    fruitName.setText(fruit.getName()); //返回View
    return view; }
    }
  2. 优化二:借助ViewHolder来对获取控件实例进行优化,修改Fruit中的代码,(对比上面的优化一,红色为修改部分)
     package com.example.listviewtest;
    
     import java.util.List;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.TextView; public class FruitAdapter extends ArrayAdapter<Fruit> {
    //定义地址路径 resourceId
    private int resourceId; //重写父类的构造方法,传入上下文,ListView子布局ID和数据传进来;
    public FruitAdapter(Context context,int textViewResource,List<Fruit> object) {
    // TODO Auto-generated constructor stub
    super(context , textViewResource , object);
    resourceId = textViewResource;
    } //重写getView方法,返回View
    @Override
    public View getView(int position, View convertView, ViewGroup parent) { //获取当前页面的Fruit实例,根据屏幕上的菜单滚动得到
    Fruit fruit = getItem(position); //新建View对象
    View view ; //声明
    34 ViewHolder viewHolder; //判断convertView对象是否为空,如果为空就重新加载;
    if(convertView == null)
    {
    //使用Layoutinflater为这个子项加载我们传入的布局(resourceId),
    view = LayoutInflater.from(getContext()).inflate(resourceId, null);
    //实例化一个ViewHolder
    viewHolder = new ViewHolder();
    43 //将控件的实例都存在ViewHolder中
    44 viewHolder.fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
    45 viewHolder.fruitname = (TextView) view.findViewById(R.id.fruit_name);
    46 //吧ViewHolder存储在View中;
    47 view.setTag(viewHolder);
    }
    else//如果不为空,则重新调用convertView;不必重新加载
    {
    view = convertView;
    //重新获取ViewHolder
    viewHolder = (ViewHolder) view.getTag();
    } //分别获取子布局中ImageView和TextView的实例
    // ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
    // TextView fruitName = (TextView) view.findViewById(R.id.fruit_name); //调用控件ImageView实例的setImageResource设置图片,TextView的setText方法设置文字;
    // fruitImage.setImageResource(fruit.getImageId());
    // fruitName.setText(fruit.getName()); //在ViewHolder中完成设置
    65 viewHolder.fruitImage.setImageResource(fruit.getImageId());
    66 viewHolder.fruitname.setText(fruit.getName()); //返回View
    return view; }
    }
    class ViewHolder {
    ImageView fruitImage;
    TextView fruitname;
    }

总结:通过上面两部的优化,已经很大程度上提高了ListView的运行效率了;

最终效果图:【实战】初识ListView及提高效率

追加:为ListView设置点击事件;

  在MainActivity中加入ListView的监听事件

 listView.setOnItemClickListener(new OnItemClickListener() {

             @Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) { //获取当前点击的Fruit对象
Fruit fruit = fruitList.get(position); //利用Toast提示点击事件
Toast.makeText(MainActivity.this, "You Clicked The"+fruit.getName(), Toast.LENGTH_SHORT).show();
} });

效果图:【实战】初识ListView及提高效率