正文
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知识就学到这里，更多的知识点下节继续！
