Android 高速开发系列打造万能的ListView GridView 适配器

时间：2017-04-21 21:37:41 阅读：206 评论：0 收藏：0 [点我收藏+]

标签：getview cal app itemid parse 原则 tool gravity version

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38902805 ，本文出自【张鸿洋的博客】

1、概述

相信做Android开发的写得最多的就是ListView，GridView的适配器吧，记得曾经开发一同事开发项目。一个项目下来基本就一直在写ListView的Adapter都快吐了~~~对于Adapter一般都继承BaseAdapter复写几个方法，getView里面使用ViewHolder模式。事实上大部分的代码基本都是相似的。

本篇博客为高速开发系列的第一篇，将一步一步带您封装出一个通用的Adapter。

2、常见的样例

首先看一个最常见的案例，大家一目十行的扫一眼

1、布局文件

主布局文件：

<RelativeLayout 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" >

    <ListView
        android:id="@+id/id_lv_main"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

Item的布局文件：

<?
xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/id_tv_title"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#aa111111"
    android:gravity="center_vertical"
    android:paddingLeft="15dp"
    android:textColor="#ffffff"
    android:text="hello"
    android:textSize="20sp"
    android:textStyle="bold" >

</TextView>

2、Adapter

package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter
{
	private LayoutInflater mInflater;
	private Context mContext;
	private List<String> mDatas;

	public MyAdapter(Context context, List<String> mDatas)
	{
		mInflater = LayoutInflater.from(context);
		this.mContext = context;
		this.mDatas = mDatas;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public Object getItem(int position)
	{
		return mDatas.get(position);
	}

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

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		ViewHolder viewHolder = null;
		if (convertView == null)
		{
			convertView = mInflater.inflate(R.layout.item_single_str, parent,
					false);
			viewHolder = new ViewHolder();
			viewHolder.mTextView = (TextView) convertView
					.findViewById(R.id.id_tv_title);
			convertView.setTag(viewHolder);
		} else
		{
			viewHolder = (ViewHolder) convertView.getTag();
		}
		viewHolder.mTextView.setText(mDatas.get(position));
		return convertView;
	}

	private final class ViewHolder
	{
		TextView mTextView;
	}

}

3、Activity

package com.example.zhy_baseadapterhelper;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends Activity
{

	private ListView mListView;
	private List<String> mDatas = new ArrayList<String>(Arrays.asList("Hello",
			"World", "Welcome"));
	private MyAdapter mAdapter;

	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mListView = (ListView) findViewById(R.id.id_lv_main);
		mListView.setAdapter(mAdapter = new MyAdapter(this, mDatas));

	}

}

上面这个样例大家应该都写了无数遍了，MyAdapter集成BaseAdapter。然后getView里面使用ViewHolder模式；普通情况下，我们的写法是这种：对于不同布局的ListView，我们会有一个相应的Adapter，在Adapter中又会有一个ViewHolder类来提高效率。

这样出现ListView就会出现与之对于的Adapter类、ViewHolder类；那么有没有办法降低我们的编码呢？

以下首先拿ViewHolder开刀~

3、通用的ViewHolder

首先分析下ViewHolder的作用。通过convertView.setTag与convertView进行绑定。然后当convertView复用时，直接从与之对于的ViewHolder(getTag)中拿到convertView布局中的控件，省去了findViewById的时间~

也就是说，实际上们每一个convertView会绑定一个ViewHolder对象，这个viewHolder主要用于帮convertView存储布局中的控件。

那么我们仅仅要写出一个通用的ViewHolder，然后对于随意的convertView。提供一个对象让其setTag就可以；

既然是通用。那么我们这个ViewHolder就不可能含有各种控件的成员变量了，由于每一个Item的布局是不同的。最好的方式是什么呢？

提供一个容器，专门存每一个Item布局中的全部控件，并且还要能够查找出来。既然须要查找，那么ListView肯定是不行了，须要一个键值对进行保存。键为控件的Id。值为控件的引用，相信大家立马就能想到Map；可是我们不用Map，由于有更好的替代类，就是我们android提供的SparseArray这个类。和Map相似。可是比Map效率，只是键仅仅能为Integer.

以下看我们的ViewHolder类：

package com.example.zhy_baseadapterhelper;

import android.content.Context;
import android.util.Log;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class ViewHolder
{
	private final SparseArray<View> mViews;
	private View mConvertView;

	private ViewHolder(Context context, ViewGroup parent, int layoutId,
			int position)
	{
		this.mViews = new SparseArray<View>();
		mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,
				false);
		//setTag
		mConvertView.setTag(this);
		
		
	}

	/**
	 * 拿到一个ViewHolder对象
	 * @param context
	 * @param convertView
	 * @param parent
	 * @param layoutId
	 * @param position
	 * @return
	 */
	public static ViewHolder get(Context context, View convertView,
			ViewGroup parent, int layoutId, int position)
	{
	
		if (convertView == null)
		{
			return new ViewHolder(context, parent, layoutId, position);
		}
		return (ViewHolder) convertView.getTag();
	}


	/**
	 * 通过控件的Id获取对于的控件。假设没有则增加views
	 * @param viewId
	 * @return
	 */
	public <T extends View> T getView(int viewId)
	{
		
		View view = mViews.get(viewId);
		if (view == null)
		{
			view = mConvertView.findViewById(viewId);
			mViews.put(viewId, view);
		}
		return (T) view;
	}

	public View getConvertView()
	{
		return mConvertView;
	}

	

}

与传统的ViewHolder不同，我们使用了一个SparseArray<View>用于存储与之对于的convertView的全部的控件，当须要拿这些控件时，通过getView(id)进行获取；

以下看使用该ViewHolder的MyAdapter。

@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		//实例化一个viewHolder
		ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent,
				R.layout.item_single_str, position);
		//通过getView获取控件
		TextView tv = viewHolder.getView(R.id.id_tv_title);
		//使用
		tv.setText(mDatas.get(position));
		return viewHolder.getConvertView();
	}

仅仅看getView，其它方法都一样；首先调用ViewHolder的get方法。假设convertView为null，new一个ViewHolder实例。通过使用mInflater.inflate载入布局，然后new一个SparseArray用于存储View，最后setTag(this)；

假设存在那么直接getTag

最后通过getView(id)获取控件，假设存在则直接返回。否则调用findViewById，返回存储，返回。

好了，一个通用的ViewHolder写好了。以后一个项目几十个Adapter一个ViewHolder直接hold住全场~~大家能够省点时间斗个小地主了~~

4、打造通用的Adapter

有了通用的ViewHolder大家肯定不能满足，怎么也得省出dota的时间，人在塔在~~

以下看怎样打造一个通过的Adapter，我们叫做CommonAdapter

继续分析。Adapter一般须要保持一个List对象，存储一个Bean的集合。不同的ListView。Bean肯定是不同的，这个CommonAdapter肯定须要支持泛型，内部维持一个List<T>，就解决我们的问题了；

于是我们初步打造我们的CommonAdapter

package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public abstract class CommonAdapter<T> extends BaseAdapter
{
	protected LayoutInflater mInflater;
	protected Context mContext;
	protected List<T> mDatas;

	public CommonAdapter(Context context, List<T> mDatas)
	{
		mInflater = LayoutInflater.from(context);
		this.mContext = context;
		this.mDatas = mDatas;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public Object getItem(int position)
	{
		return mDatas.get(position);
	}

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

}

我们的CommonAdapter依旧是一个抽象类，除了getView以外我们把其它的代码都实现了，这种话，在使用我们的Adapter仅仅要实现一个getView。然后getView里面再使用我们打造的通过的ViewHolder是不是感觉还不错~

如今我们的MyAdapter是这种：

package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MyAdapter<T> extends CommonAdapter<T>
{
	public MyAdapter(Context context, List<T> mDatas)
	{
		super(context, mDatas);
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent,
				R.layout.item_single_str, position);
		TextView mTitle = viewHolder.getView(R.id.id_tv_title);
		mTitle.setText((String) mDatas.get(position));
		return viewHolder.getConvertView();
	}

}

全部的代码加起来也就10行左右，是不是神清气爽~~稍等。我先去dota一把~

可是我们是否就这样满足了呢？显然还能够简化。

5、进一步铸造

注意我们的getView里面的代码，尽管仅仅有4行。可是我认为全部的Adapter的

第一行（ViewHolder viewHolder = getViewHolder(position, convertView,parent);）和

最后一行：return viewHolder.getConvertView();一定是一样的。

那么我们能够这样做：我们把第一行和最后一行写死，把中间变化的部分抽取出来，这不就是OO的设计原则嘛。

如今CommonAdapter是这种：

package com.example.zhy_baseadapterhelper;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

public abstract class CommonAdapter<T> extends BaseAdapter
{
	protected LayoutInflater mInflater;
	protected Context mContext;
	protected List<T> mDatas;
	protected final int mItemLayoutId;

	public CommonAdapter(Context context, List<T> mDatas, int itemLayoutId)
	{
		this.mContext = context;
		this.mInflater = LayoutInflater.from(mContext);
		this.mDatas = mDatas;
		this.mItemLayoutId = itemLayoutId;
	}

	@Override
	public int getCount()
	{
		return mDatas.size();
	}

	@Override
	public T getItem(int position)
	{
		return mDatas.get(position);
	}

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

	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
		final ViewHolder viewHolder = getViewHolder(position, convertView,
				parent);
		convert(viewHolder, getItem(position));
		return viewHolder.getConvertView();

	}

	public abstract void convert(ViewHolder helper, T item);

	private ViewHolder getViewHolder(int position, View convertView,
			ViewGroup parent)
	{
		return ViewHolder.get(mContext, convertView, parent, mItemLayoutId,
				position);
	}

}

对外发布了一个convert方法，并且还把viewHolder和本Item对于的Bean对象给传出去，如今convert方法里面须要干嘛呢？

通过ViewHolder把View找到，通过Item设置值；

如今我认为代码简化到这样，我已经不须要单独写一个Adapter了，直接MainActivity匿名内部类走起~

@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mListView = (ListView) findViewById(R.id.id_lv_main);

		//设置适配器
		mListView.setAdapter(mAdapter = new CommonAdapter<String>(
				getApplicationContext(), mDatas, R.layout.item_single_str)
		{
			@Override
			public void convert(ViewHolder c, String item)
			{
				TextView view = viewHolder.getView(R.id.id_tv_title);
				view.setText(item);
			}

		});

	}

能够看到效果咋样，不错吧。

你认为还能简化么？我认为还能改善。

6、Adapter最后的封魔

我们如今在convertView里面须要这样:

@Override
public void convert(ViewHolder viewHolder, String item)
{
TextView view = viewHolder.getView(R.id.id_tv_title);
view.setText(item);
}

我们细想一下，事实上布局里面的View经常使用也就那么几种：ImageView,TextView,Button,CheckBox等等；

那么我认为ViewHolder还能够封装一些经常使用的方法。比方setText(id,String)；setImageResource(viewId, resId)。setImageBitmap(viewId, bitmap)；

那么如今ViewHolder是：

package com.example.zhy_baseadapterhelper;

import android.content.Context;
import android.graphics.Bitmap;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.zhy_baseadapterhelper.ImageLoader.Type;

public class ViewHolder
{
	private final SparseArray<View> mViews;
	private int mPosition;
	private View mConvertView;

	private ViewHolder(Context context, ViewGroup parent, int layoutId,
			int position)
	{
		this.mPosition = position;
		this.mViews = new SparseArray<View>();
		mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,
				false);
		// setTag
		mConvertView.setTag(this);
	}

	/**
	 * 拿到一个ViewHolder对象
	 * 
	 * @param context
	 * @param convertView
	 * @param parent
	 * @param layoutId
	 * @param position
	 * @return
	 */
	public static ViewHolder get(Context context, View convertView,
			ViewGroup parent, int layoutId, int position)
	{
		if (convertView == null)
		{
			return new ViewHolder(context, parent, layoutId, position);
		}
		return (ViewHolder) convertView.getTag();
	}

	public View getConvertView()
	{
		return mConvertView;
	}

	/**
	 * 通过控件的Id获取对于的控件。假设没有则增加views
	 * 
	 * @param viewId
	 * @return
	 */
	public <T extends View> T getView(int viewId)
	{
		View view = mViews.get(viewId);
		if (view == null)
		{
			view = mConvertView.findViewById(viewId);
			mViews.put(viewId, view);
		}
		return (T) view;
	}

	/**
	 * 为TextView设置字符串
	 * 
	 * @param viewId
	 * @param text
	 * @return
	 */
	public ViewHolder setText(int viewId, String text)
	{
		TextView view = getView(viewId);
		view.setText(text);
		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageResource(int viewId, int drawableId)
	{
		ImageView view = getView(viewId);
		view.setImageResource(drawableId);

		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageBitmap(int viewId, Bitmap bm)
	{
		ImageView view = getView(viewId);
		view.setImageBitmap(bm);
		return this;
	}

	/**
	 * 为ImageView设置图片
	 * 
	 * @param viewId
	 * @param drawableId
	 * @return
	 */
	public ViewHolder setImageByUrl(int viewId, String url)
	{
		ImageLoader.getInstance(3, Type.LIFO).loadImage(url,
				(ImageView) getView(viewId));
		return this;
	}

	public int getPosition()
	{
		return mPosition;
	}

}

如今的MainActivity仅仅须要这么写：

mAdapter = new CommonAdapter<String>(getApplicationContext(),
				R.layout.item_single_str, mDatas)
		{
			@Override
			protected void convert(ViewHolder viewHolder, String item)
			{
				viewHolder.setText(R.id.id_tv_title, item);
			}
		};

convertView里面仅仅要一行代码了~~~

好了，到此我们的通用的Adapter已经一步一步铸造完成~咋样，以后写项目省下来的时间是不是能够陪我切磋dota了（ps:11昵称：血魔哥404）~~

注：关于ViewHolder里面的setText，setImageResource这类的方法，大家能够在使用的过程中不断的完好。今天发现这个控件能够这么设置值，好，放进去；时间长了。基本就完好了。还有那个ImageLoader是我还有一篇博客里的，大家能够使用UIL。Volley或者自己写个图片载入器。

7、实践

说了这么多，还是得拿出来让我们的实践检验检验，顺便来几张套图，俗话说，没图没正相。

1、我们的实例代码的图是这种：

技术分享

关于Adapter和ViewHolder的代码是这种：

// 设置适配器
		mListView.setAdapter(mAdapter = new CommonAdapter<String>(
				getApplicationContext(), mDatas, R.layout.item_single_str)
		{
			@Override
			public void convert(ViewHolder helper, String item)
			{
				helper.setText(R.id.id_tv_title,item);
			}

		});

哎哟，我是不是仅仅要贴一行；

2、来个复杂点的布局

<?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="wrap_content"
    android:background="#ffffff"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:text="红色钱包"
        android:textSize="16sp"
        android:textColor="#444444" >
    </TextView>

    <TextView
        android:id="@+id/tv_describe"
        android:layout_width="match_parent"

Android 高速开发系列打造万能的ListView GridView 适配器

标签：getview cal app itemid parse 原则 tool gravity version

原文地址：http://www.cnblogs.com/wgwyanfs/p/6745546.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

Android 高速开发系列 打造万能的ListView GridView 适配器

1、概述

2、常见的样例

1、布局文件

2、Adapter

3、Activity

3、通用的ViewHolder

4、打造通用的Adapter

5、进一步铸造

6、Adapter最后的封魔

7、实践

Android 高速开发系列打造万能的ListView GridView 适配器