ViewHolderを使わないでListViewを高速化する

概要

一般的なListViewの高速化手法としてViewHolderというものがあります。

これはAdapter#getView()でアイテムのfindViewById()の回数を減らす(生成済みのものを使いまわす)ことで速度を改善するというもの。

今回はこのViewHolderを使わないでListViewを高速化する方法を書きます。

その方法はズバリ、Custom Viewを使う方法です！！

順に説明していきます。

コードはGitHubに上げていますので、参考にしてみてください。

mofumofu3n/NonViewHolder

アイテムをカスタムViewにする

ListViewのアイテムのレイアウトファイルと実装を書いていきます。

アイテムのルートレイアウトの名前はItemLayout.javaとしています。

レイアウトファイル

タイトル、概要、アイコンを持ったアイテムを想定しています。

<?xml version="1.0" encoding="utf-8"?>
<com.example.nonviewholder.ItemLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <TextView 
        android:id="@+id/titleView"
       	android:layout_width="fill_parent" 
       	android:layout_height="wrap_content"
         />
         
    <TextView
       	android:id="@+id/descriptionView" 
       	android:layout_width="fill_parent"
       	android:layout_height="wrap_content"
        />
    
    <ImageView
        android:id="@+id/iconView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:drawable/ic_dialog_alert"
        />

</com.example.nonviewholder.ItemLayout>

ItemLayoutの実装

アイテムのレイアウトはLinearLayoutを継承して実装しています。

ここでのポイントはonFinishInflate()が呼ばれた時にfindViewById()することです。

こうすることでAdapterで新しくアイテムのレイアウトを生成するときにだけfindViewById()されます。

まさにViewHolderと同様の効果が得られます。

public class ItemLayout extends LinearLayout {
	// タイトル
	TextView mTitleView;
	// 概要
	TextView mDescriptionView;
	// アイコン
	ImageView mIconView;

	public ItemLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
	}
	
	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		
		mTitleView = (TextView) findViewById(R.id.titleView);
		mDescriptionView = (TextView) findViewById(R.id.descriptionView);
		mIconView = (ImageView) findViewById(R.id.iconView);
	}
	
	public void bindView(Item item) {
		mTitleView.setText(item.title);
		mDescriptionView.setText(item.description);
		mIconView.setImageResource(item.icon);
	}
}

Adapterの処理

アダプターの処理はViewHolderを利用する時よりも簡単にかけます。

getView()の動きはほぼ一緒ですがViewHolderと同様の処理を

Custom Viewの方で行っているため、レイアウトの生成(or 再利用)とアイテムをレイアウトに渡すだけで済みます。

public class CustomItemAdapter extends ArrayAdapter<Item> {
	private LayoutInflater mFactory;
	private int mItemLayoutResource;

	public CustomItemAdapter(Context context, int resource, List<Item> objects) {
		super(context, resource, objects);

		mFactory = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		mItemLayoutResource = resource;
	}
	
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		final ItemLayout view;
		
		if (convertView == null) {
			// Viewがなかったら生成
			view = (ItemLayout) mFactory.inflate(mItemLayoutResource, null);
		} else {
			view = (ItemLayout) convertView;
		}
		
		view.bindView(getItem(position));
		
		return view;
	}
}

ViewHolderとの比較

ViewHolderを利用した時のAdapterはこちら。

Viewに対する処理がAdapterに依存するので、見通しが悪いです。(工夫の余地はあるかもしれません)

AdapterにViewの処理を書くよりもCustom Viewにアイテムだけ渡しそちらでViewの処理を任せたほうが
Adapterの肥大化が防げます。

public class ItemAdapter extends ArrayAdapter<Item> {
	private LayoutInflater mFactory;
	private int mItemLayoutResource;

	public ItemAdapter(Context context, int resource, List<Item> objects) {
		super(context, resource, objects);

		mFactory = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		mItemLayoutResource = resource;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		final ViewHolder holder;
		
		if (convertView == null) {
			convertView = mFactory.inflate(mItemLayoutResource, null);
			holder = new ViewHolder();
			holder.title = (TextView) convertView.findViewById(R.id.titleView);
			holder.desc = (TextView) convertView.findViewById(R.id.descriptionView);
			holder.icon = (ImageView) convertView.findViewById(R.id.iconView);

			convertView.setTag(holder);
		} else {
			holder = (ViewHolder) convertView.getTag();
		}

		final Item item = getItem(position);

		holder.title.setText(item.title);
		holder.desc.setText(item.description);
		holder.icon.setImageResource(item.icon);

		return convertView;
	}

	class ViewHolder {
		TextView title;
		TextView desc;
		ImageView icon;
	}
}

まとめ

ViewHolderを使わないでListViewを高速化する方法を書いてみました。

個人的にはTextViewに文字をセットする等のViewを操作する処理をCustom Viewに任せられ、

Adapterの見通しもよくなるため、ViewHolderよりもCustom Viewの方が好きです。

ViewHolderでもっと良い書き方あるよ！と言う方がいらっしゃいましたら、

ぜひコメントに書いて下さい。

あと、個人的なことですがQiitaに3日連続で投稿しています。

そろそろ投稿するネタが尽きてきました。。