我们在做app时经常会用到列表显示数据,ListView是我们用的最频繁的控件,下面我将详细讲解ListView的原理及
性能优化。首先我们要清楚,要显示一个列表需要3个元素:
ListView针对每个item,要求adapter返回一个视图(getView),也就是说ListView在开始绘制的时候,系统先调用getCount()方法得到ListView的长度,然后再一行一行地绘制每个item,即调用getView()方法。如果你的getCount()返回0,则不显示列表;若返回1,则显示一行;即返回几它将绘制多少行显示。那么如果我们有成千上万个item需要显示岂不是要创建成千上万个view来显示,实际上android早已缓存了这些视图,如下图:1.ListView:用来展示列表的view;
2.Adapter:用来将数据映射到ListView上;
3.data:列表上所要显示的数据,可以是字符串,图片或是基本组件;
ListView的工作原理:
当你有成千上万个数据需要显示时,只有可见的项目存在内存中,其他的都在Recycler中。
ListView先请求一个视图(getView),再请求其他可见项目,此时convertView为空。
当item1滚出屏幕时,ListView再请求一个视图此时convertView不再为空,它的值是item1,此时只要重设数据再将convertView返回即可。不必重新创建视图。
下面是一个简单的demo:
activity_main.xml
<?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" tools:context="com.example.joe.pricate.MainActivity"> <ListView android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/list_view" > </ListView> </LinearLayout>
item_layout.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/image" android:src="@mipmap/ic_launcher"/> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/text"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/text2"/> </LinearLayout> </LinearLayout> </LinearLayout>
MainActivity.java
BaseAdapter是android应用程序中经常用到的数据适配器,它继承自接口类Adapter,可以实现比较复杂的列表自定义布局。BaseAdapter与其他Adapter有些不一样,其他的Adapter可以直接在其构造方法中进行数据的设置,比如
package com.example.joe.pricate;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class MainActivity extends AppCompatActivity {
ListView listView;
List<Map<String, String>> data;//定义一个动态数组
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.list_view);
MyAdapter myAdapte = new MyAdapter(this,data);//得到一个MyAdapter对象
listView.setAdapter(myAdapte);
data=getDatas();//获取将要绑定的数据
}
//添加一个得到数据的方法,方便使用
public List<Map<String, String>> getDatas() {
List<Map<String, String>> listItem= new ArrayList<>();
Map<String, String> map = new HashMap<>();
for (int i = 0; i < 20; i++) {
map.put("item1", "第" + i + "项");
map.put("iten2", "第" + i + "个子项");
listItem.add(map);
}
return listItem;
}
}
下面将MyAdpter类继承BaseAdapter类,并实现其方法,其中getView()必须好好处理,也是最麻烦的。
第一种:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View item=inflater.inflate(R.layout.item_layout,null);//将子列表项布局加载进来
ImageView imageView=(ImageView)item.findViewById(R.id.image);
TextView textView=(TextView)item.findViewById(R.id.text);
TextView textView1=(TextView)item.findViewById(R.id.text2);
imageView.setImageResource(R.mipmap.ic_launcher);
textView.setText(datas.get(position).get("item1").toString());
textView1.setText(datas.get(position).get("item2").toString());
return item;
}
第二种ListView优化:通过缓存convertView,这种利用缓存contentView的方式可以判断如果缓存中不存在View才创建View,如果已经存在可以利用缓存中的View,提升了性能
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView==null) {
convertView = inflater.inflate(R.layout.item_layout, null);//将子列表项布局加载进来
}
ImageView imageView = (ImageView) convertView.findViewById(R.id.image);
TextView textView = (TextView) convertView.findViewById(R.id.text);
TextView textView1 = (TextView) convertView.findViewById(R.id.text2);
imageView.setImageResource(R.mipmap.ic_launcher);
textView.setText(datas.get(position).get("item1").toString());
textView1.setText(datas.get(position).get("item2").toString());
return convertView;
}
}
第三种ListView优化:通过convertView+ViewHolder来实现,使用 ViewHolder 的关键好处是缓存了显示数据的视图(View),加快了 UI 的响应速度。
当我们判断 convertView == null 的时候,如果为空,就会根据设计好的List的Item布局(XML),来为convertView赋值,并生成一个viewHolder来绑定converView里面的各个View控件(XML布局里面的那些控件)。再用convertView的setTag将viewHolder设置到Tag中,以便系统第二次绘制ListView时从Tag中取出。(看下面代码中)
如果convertView不为空的时候,就会直接用convertView的getTag(),来获得一个ViewHolder
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHorder viewHorder = null;
if(convertView==null) {
convertView = inflater.inflate(R.layout.item_layout, null);//将子列表项布局加载进来
viewHorder=new ViewHorder();
viewHorder.imageView = (ImageView) convertView.findViewById(R.id.image);
viewHorder.textView = (TextView) convertView.findViewById(R.id.text);
viewHorder.textView1= (TextView) convertView.findViewById(R.id.text2);
convertView.setTag(viewHorder);
}
else viewHorder=(ViewHorder)convertView.getTag();
viewHorder.imageView.setImageResource(R.mipmap.ic_launcher);
viewHorder.textView.setText(datas.get(position).get("item1").toString());
viewHorder.textView1.setText(datas.get(position).get("item2").toString());
return convertView;
}
class ViewHorder{
ImageView imageView;
TextView textView;
TextView textView1;
}
下面贴出MyAdapter的完整代码:
package com.example.joe.pricate;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
import java.util.Map;
/**
* Created by Joe on 2017/9/14.
*/
public class MyAdapter extends BaseAdapter {
private LayoutInflater inflater=null;//得到一个LayoutInflater对象用来导入布局
private List<Map<String,String>> datas=null;//数据源
public MyAdapter(Context context,List<Map<String,String>> datas){
inflater=LayoutInflater.from(context);
this.datas=datas;//在主活动中创建MyAdapter对象时通过构造方法将数据传入适配器中
}
@Override
public int getCount() {
return datas.size();//返回数组的长度;
}
@Override
public Object getItem(int position) {//索引所对应的数据项
return datas.get(position);
}
@Override
public long getItemId(int position) {//索引所对应的行数
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHorder viewHorder = null;
if(convertView==null) {
convertView = inflater.inflate(R.layout.item_layout, null);//将子列表项布局加载进来
viewHorder=new ViewHorder();
viewHorder.imageView = (ImageView) convertView.findViewById(R.id.image);
viewHorder.textView = (TextView) convertView.findViewById(R.id.text);
viewHorder.textView1= (TextView) convertView.findViewById(R.id.text2);
convertView.setTag(viewHorder);
}
else viewHorder=(ViewHorder)convertView.getTag();
viewHorder.imageView.setImageResource(R.mipmap.ic_launcher);
viewHorder.textView.setText(datas.get(position).get("item1").toString());
viewHorder.textView1.setText(datas.get(position).get("item2").toString());
return convertView;
}
class ViewHorder{
ImageView imageView;
TextView textView;
TextView textView1;
}
}