Android学习总结（十三） ———— ListView 简单用法

一、ListView的基本概念

　　在Android所有常用的原生控件当中，用法最复杂的应该就是ListView了，它专门用于处理那种内容元素很多，手机屏幕无法展示出所有内容的情况。ListView可以使用列表的形式来展示内容，超出屏幕部分的内容只需要通过手指滑动就可以移动到屏幕内了。即使在ListView中加载非常非常多的数据，比如达到成百上千条甚至更多，ListView都不会发生崩溃，而且随着我们手指滑动来浏览更多数据时，程序所占用的内存竟然都不会跟着增长。

二、示例代码

　　定义一个实体类，作为ListView适配器的适配类型，代码如下所示：

package com.nyl.listviewtest;

public class SkinCare {

    private String name;

    private String efficacy; //功效

    private int icon; //图标

    public SkinCare(String name, String efficacy, int icon) {

        this.name = name;

        this.efficacy = efficacy;

        this.icon = icon;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public String getEfficacy() {

        return efficacy;

    }

    public void setEfficacy(String efficacy) {

        this.efficacy = efficacy;

    }

    public int getIcon() {

        return icon;

    }

    public void setIcon(int icon) {

        this.icon = icon;

    }

}

　　自定义一个ListView的子项布局，代码如下所示：

<?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="120dp"

    android:orientation="horizontal">

    <ImageView

        android:id="@+id/ivSkinCare"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" />

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_marginLeft="10dp"

        android:orientation="vertical" >

        <TextView

            android:id="@+id/tvName"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:autoLink="all"

            android:textSize="15dp"/>

        <TextView

            android:id="@+id/tvEfficacy"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

</LinearLayout>

　　创建一个自定义的适配器，这个适配器继承自ArrayAdapter，并将泛型指定为SkinCare这个实体类，新建SkinCareAdapter类，代码如下所示：

package com.nyl.listviewtest;

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;

import java.util.List;

/**

 * Created by Administrator on 2017/3/9 0009.

 */

public class SkinCareAdapter extends ArrayAdapter<SkinCare> {

    private int resourceId;

    public SkinCareAdapter(Context context, int resource, List<SkinCare> objects) {

        super(context, resource, objects);

        resourceId = resource;

    }

    /**

     * 这个方法在每个子项被滚动到屏幕内的时候调用

     */

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        //通过getItem()方法得到当前SkinCare的实例

        SkinCare skinCare = getItem(position);

        /**

         * 提高ListView的运行效率，在快速滚动的时候也可以表现出更好的性能

         */

        //使用ViewHolder来优化

        ViewHolder viewHolder;

        //判断convertView 为空

        if (convertView == null) {

            //如果为空使用LayoutInflater去加载布局

            convertView = LayoutInflater.from(getContext()).inflate(resourceId, null);

            viewHolder = new ViewHolder();

            viewHolder.ivSkinCare = (ImageView) convertView.findViewById(R.id.ivSkinCare);

            viewHolder.tvName = (TextView) convertView.findViewById(R.id.tvName);

            viewHolder.tvEfficacy = (TextView) convertView.findViewById(R.id.tvEfficacy);

            //将ViewHolder存储在View中

            convertView.setTag(viewHolder);

        } else {

            //如果不为空直接对convertView进行重用

            //重新获取ViewHolder

            viewHolder = (ViewHolder) convertView.getTag();

        }

      /*  //使用LayoutInflater来加载传入的布局（这种写法运行效率是很低）

        View view = LayoutInflater.from(getContext()).inflate(resourceId,null);

        *//**

         * 调用View的findViewById()方法来获取布局控件

         *//*

        ivSkinCare = (ImageView) view.findViewById(R.id.ivSkinCare);

        tvName = (TextView) view.findViewById(R.id.tvName);

        tvEfficacy = (TextView) view.findViewById(R.id.tvEfficacy);

        //调用setImageResource()方法来设置显示的图片

        ivSkinCare.setImageResource(skinCare.getIcon());

        //设置护肤品的名字

        tvName.setText(skinCare.getName());

        //设置护肤品的功效

        tvEfficacy.setText(skinCare.getEfficacy());*/

        viewHolder.ivSkinCare.setImageResource(skinCare.getIcon());

        viewHolder.tvName.setText(skinCare.getName());

        viewHolder.tvEfficacy.setText(skinCare.getEfficacy());

        //将布局返回

        return convertView;

    }

        static class ViewHolder {

            ImageView ivSkinCare;

            TextView tvEfficacy;//护肤品的功效

            TextView tvName; //护肤品名

        }

}

　　代码注释得很详细，不过多解释，接下编写MainActivity，代码如下所示：

package com.nyl.listviewtest;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ListView;

import android.widget.Toast;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends Activity implements AdapterView.OnItemClickListener {

    private List<SkinCare> skinCare = new ArrayList<>();

    private SkinCareAdapter skinCareAdapter;

    private ListView lv;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        initSkinCare(); //初始化所有的护肤品数据

        skinCareAdapter = new SkinCareAdapter(MainActivity.this,R.layout.skin_care,skinCare);

        //初始化布局控件

        lv = (ListView) findViewById(R.id.lv);

        lv.setAdapter(skinCareAdapter);

        //设置setOnItemClickListener()方法来为ListView注册一个监听器

        lv.setOnItemClickListener(this);

    }

    /**

     * 当用户点击了ListView中任何一个子项时，就会回调onItemClick()方法，在这个方法中可以通过i参数判断出用户点击的哪一个

     * 子项，然后获取到相应的护肤品，通过Toast将护肤品的名字显示出来。

     */

    @Override

    public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

        SkinCare sc = skinCare.get(i);

        Toast.makeText(MainActivity.this,sc.getName(),Toast.LENGTH_SHORT).show();

    }

    /**

     * 构造函数中将护肤品的名字,功效和对应的图片id传入，然后把创建好的对象添加到护肤品列表中

     */

    private void initSkinCare() {

        SkinCare cleansingMilk = new SkinCare("洗面奶","基础清洁",R.mipmap.skin_care);

        skinCare.add(cleansingMilk);

        SkinCare toner = new SkinCare("爽肤水","二次清洁,深层补水",R.mipmap.skin_care);

        skinCare.add(toner);

        SkinCare essence = new SkinCare("精华液","集中解决肌肤某个问题，由内而外修复肌肤",R.mipmap.skin_care);

        skinCare.add(essence);

        SkinCare eyeCream = new SkinCare("眼霜","舒缓眼部疲劳，改善眼部肤色",R.mipmap.skin_care);

        skinCare.add(eyeCream);

        SkinCare latex  = new SkinCare("乳液","给皮肤补充充足的营养，激活肌肤细胞，形成胶原蛋白",R.mipmap.skin_care);

        skinCare.add(latex );

        SkinCare faceCream  = new SkinCare("面霜","不断给肌肤补充充足的水分和养分，使肌肤保持润泽状态",R.mipmap.skin_care);

        skinCare.add(faceCream );

        SkinCare mask  = new SkinCare("面膜","清透毛孔，清楚表皮污垢，黑头，死细胞",R.mipmap.skin_care);

        skinCare.add(mask );

        SkinCare sunScreen  = new SkinCare("隔离霜","全面隔离紫外线、灰尘、尼古丁、电脑辐射等有害物质对皮肤造成伤害",R.mipmap.skin_care);

        skinCare.add(sunScreen );

        /**

         * 第二种写法

         */

        /*LinkedList<SkinCare> data = new LinkedList<>();

        data.add(new SkinCare("洗面奶","基础清洁",R.mipmap.skin_care));*/

    }

}

　　运行程序，并点击一下精华液，效果如下：

　　

　　简单的ListView知识就学到这里，更多的知识点下节继续！