ListView和ViewHolder的结合使用

在android开发中Listview是一个很重要的组件,它以列表的形式根据数据的长自适应展示具体内容,用户可以自由的定义listview每一列的布局,使用ListView必须给他指定一个Adapter,这里我们使用BaseAdapter:

  1. 在布局文件中定义一个ListView

    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"
    android:orientation="vertical"
    tools:context="com.demo.ian.listviewandviewholderdemo.MainActivity">
    
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
    </LinearLayout>
  2. 为ListView中的Item设计一个布局

    list_item.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
    
    <ImageView
        android:id="@+id/img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:gravity="center" />
    
    <TextView
        android:id="@+id/tvName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textColor="#ff000000"
        android:gravity="center"
        android:textSize="20sp" />
    
    <TextView
        android:id="@+id/tvScore"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:textColor="#ff000000"
        android:gravity="center"
        android:textSize="20sp" />
    </LinearLayout>
  3. 指定数据源,即将设计好的Adapter赋值给ListView

    MainActivity.java

    public class MainActivity extends AppCompatActivity {
    
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    
        LayoutInflater inflater = LayoutInflater.from(this);
    
        ListViewAdapter1 listViewAdapter1 = new ListViewAdapter1(inflater);
        ListViewAdapter2 listViewAdapter2 = new ListViewAdapter2(inflater);
        ListViewAdapter3 listViewAdapter3 = new ListViewAdapter3(inflater);
    
        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(listViewAdapter2);
    }
    }

话说开发用了各种Adapter之后感觉用的最舒服的还是BaseAdapter,尽管使用起来比其他适配器有些麻烦,但是使用它却能实现很多自己喜欢的列表布局,比如ListView、GridView、Gallery、Spinner等等。它是直接继承自接口类Adapter的,使用BaseAdapter时需要重写很多方法,其中最重要的当属getView,因为这会涉及到ListView优化等问题。

BaseAdapter与其他Adapter有些不一样,其他的Adapter可以直接在其构造方法中进行数据的设置,比如

SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.list_item, new String[]{"img","title","info",new int[]{R.id.img, R.id.title, R.id.info}});

但是在BaseAdapter中需要实现一个继承自BaseAdapter的类,,并且重写里面的很多方法,下面列举三个实现方式

第一种:没有任何处理,不建议这样写。如果数据量少看将就,但是如果列表项数据量很大的时候,会每次都重新创建View,设置资源,严重影响性能,所以从一开始就不要用这种方式

public class ListViewAdapter1 extends BaseAdapter {
    private  LayoutInflater mLayoutInflater;

    public ListViewAdapter1(LayoutInflater inflater) {
        mLayoutInflater = inflater;
    }

    @Override
    public int getCount() {
        //表示这个ListView总共有40条数据
        return 40;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View item = mLayoutInflater.inflate(R.layout.list_item, null);
        ImageView img = (ImageView)item.findViewById(R.id.img);
        TextView title = (TextView)item.findViewById(R.id.tvName);
        TextView info = (TextView)item.findViewById(R.id.tvScore);
        img.setImageResource(R.mipmap.ic_launcher);
        title.setText(position + "");
        info.setText("world");

        return item;
    }
}

第二种ListView优化:通过缓存convertView,这种利用缓存contentView的方式可以判断如果缓存中不存在View才创建View,如果已经存在可以利用缓存中的View,提升了性能

public class ListViewAdapter2 extends BaseAdapter {
    private LayoutInflater inflater;

    public ListViewAdapter2(LayoutInflater inflater) {
        this.inflater = inflater;
    }

    @Override
    public int getCount() {
        return 40;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null){
            convertView = inflater.inflate(R.layout.list_item, null);
        }
        //注意:这里只是缓存了convertView和convertView里面的控件,
        //convertView里面控件的数据可并没有缓存,因此需要更新convertView里面控件的数据
        ImageView img = (ImageView)convertView.findViewById(R.id.img);
        TextView title = (TextView)convertView.findViewById(R.id.tvName);
        TextView info = (TextView)convertView.findViewById(R.id.tvScore);
        img.setImageResource(R.mipmap.ic_launcher);
        title.setText(position + "");
        info.setText("world");
        return convertView;
    }
}

第三种ListView优化:通过convertView+ViewHolder来实现,ViewHolder就是一个静态类,使用 ViewHolder 的关键好处是缓存了显示数据的视图(View),加快了 UI 的响应速度。

当我们判断 convertView == null 的时候,如果为空,就会根据设计好的List的Item布局(XML),来为convertView赋值,并生成一个viewHolder来绑定converView里面的各个View控件(XML布局里面的那些控件)。再用convertView的setTag将viewHolder设置到Tag中,以便系统第二次绘制ListView时从Tag中取出。(看下面代码中)

public class ListViewAdapter3 extends BaseAdapter {
    private LayoutInflater inflater;

    public ListViewAdapter3(LayoutInflater inflater) {
        this.inflater = inflater;
    }

    @Override
    public int getCount() {
        return 40;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

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

        ViewHolder holder;

        if (convertView == null) {
            holder = new ViewHolder();
            convertView = inflater.inflate(R.layout.list_item, null);
            holder.img = (ImageView) convertView.findViewById(R.id.img);
            holder.title = (TextView) convertView.findViewById(R.id.tvName);
            holder.info = (TextView) convertView.findViewById(R.id.tvScore);
            holder.img.setImageResource(R.mipmap.ic_launcher);
            holder.title.setText(position + "");
            holder.info.setText("World");
            convertView.setTag(holder);
        } else {
            //直接通过holder获取下面三个子控件,不必使用findviewbyid,加快了 UI 的响应速度
            holder = (ViewHolder) convertView.getTag();
            holder.img.setImageResource(R.mipmap.ic_launcher);
            holder.title.setText(position + "");
            holder.info.setText("World");
        }
        return  convertView;
    }

    static class ViewHolder {
        ImageView img;
        TextView title;
        TextView info;
    }
}

到这里,可能会有人问ViewHolder静态类结合缓存convertView与直接使用convertView有什么区别吗,是否重复了,在这里,官方给出了解释

提升Adapter的两种方法

  • 重用缓存convertView传递给getView()方法来避免填充不必要的视图)
  • 使用ViewHolder模式来避免没有必要的调用findViewById():因为太多的findViewById也会影响性能)

ViewHolder类的作用

  • ViewHolder模式通过getView()方法返回的视图的标签(Tag)中存储一个数据结构,这个数据结构包含了指向我们要绑定数据的视图的引用,从而避免每次调用getView()的时候调用findViewById())

声明:部分内容转载于其他网友,在此表示感谢

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值