Android | 换种思路代替 ViewHolder | Gavin Liu

背景

Android 开发中绝大多少界面都是使用 ListView 来构建的，其中对 Adapter 的使用，从最开始没有任何优化，到后来的 ViewHolder getItemViewType 等等都在不断优化 ListView 的性能，使用 ViewHolder 是为了减少 findView 的次数，但是总觉得使用 ViewHolder 的方式不够优雅，于是我换了一种实现方式。

把 ListView 的 item 封装成一个 View，也就是说每个 Item 其实只有一个 View，不过这个 View 里面由很多 View 组成
这个 View 向外暴露一些 set 方法，用来设置内部 View 的属性，然后在 Adapter 中使用封装好的 View 即可

实现

ListItemView.java

package cn.gavinliu.ex.tna;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.TextView;

public class ListItemView extends FrameLayout {

    private ImageView mImageView;
    private TextView mTextView;

    public ListItemView(Context context) {
        super(context);
        init(context);
    }

    public ListItemView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public ListItemView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context);
    }

    private void init(Context context) {
        View v = LayoutInflater.from(context).inflate(R.layout.item, this);
        mImageView = (ImageView) v.findViewById(R.id.image);
        mTextView = (TextView) v.findViewById(R.id.text);
    }

    public void setTitle(String title) {
        mTextView.setText(title);
    }

    public void setImage(Drawable drawable) {
        mImageView.setImageDrawable(drawable);
    }

}

item.xml--------------ListItemView所显示的视图

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_margin="16dp"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/image"
        android:text="@string/hello_world" />

</RelativeLayout>

MainActitivty + Adapter

package cn.gavinliu.ex.tna;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

public class MainActivity extends ListActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setListAdapter(new MyAdapter());
    }

    class MyAdapter extends BaseAdapter {

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

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

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

        @Override
        public View getView(int arg0, View arg1, ViewGroup arg2) {
            if (arg1 == null) {
                arg1 = new ListItemView(MainActivity.this);
            }
//          ListItemView view = (ListItemView) arg1;
//          view.setTitle("");
//          view.setImage(drawable);
            return arg1;
        }

    }

}