分离adapter的getView方法代码，写出个清爽的adapter

一、前言

习惯很多时候决定了我们的做法，而做法一定程度上又在巩固我们的习惯。细想，这是一件很恐怖的事。所以很多时候要学会用一些新的方式去改变我们的习惯。做技术，亦如此。很多时候，我们写一个listview的adapter，总是会按照我们自己习惯的方式去写，布局简单的还好，布局一复杂起来，你就会看到你的类里面代码几百甚至上千行，这样维护起来是很可怕的。而我个人的编程风格是宁愿类多而不愿一个类里面的代码多。所以很多东西都喜欢抽离出去，尽量让代码之间具有的耦合性降到最低。今天这里要介绍的一种方式是将adapter里面的getview代码分离出一个类去，不要放在getview里面。让你的adapter变得更加清爽，维护起来更加清晰有效，这种方法开始是看到一个github上面的国外大神写的，经过理解，自己也写了一下，放在这里大家学习下。

二、实现

首先讲一下思想，看一下getView这个方法先，这里其实是通过inflate返回了一个view，对了，这里的view是在我们写的一个XML的文件解析出来的。所以我们能不能这样做，自定义一个view，而这个自定义的view就是我们那个listview的一个item的布局，然后这个view就单独作为一个类存在着，只要getView用到了，我们就new出这个自定义的view，让它return。确实，完全可以这样做的。而关于这种方式的好处，后面还会介绍到。

现在思想有了，具体怎样实现比较合理，就可以小思考下咯。尽量设计得通用，方便最好。

上代码解释：

1、首先定义一个接口，用来绑定控件，这里用泛型是为了通用性。

package com.kroc.adapter;

/**   
 * 绑定控件接口
 * @author 林楷鹏  
 * @date 2014-12-9 下午9:45:25   
 */
public interface IAdapterView<T> {

	public void bind(int position, T item);
}

2、listview的一个item布局，简简单单

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

    <TextView
        android:id="@+id/item_food_name_txtv"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_margin="5dip"
        android:layout_weight="1" />

    <TextView
        android:id="@+id/item_food_num_txtv"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_margin="5dip"
        android:layout_weight="1" />

    <Button
        android:id="@+id/item_food_get_btn"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_margin="5dip"
        android:text="获取"
        android:layout_weight="1" />

</LinearLayout>

3、根据上面布局定义一个view，这个view就是我们一个listview的item布局，这里实现IAdapterView接口，关于这点好处，后面还会介绍

package com.kroc.adapter;

import android.content.Context;
import android.content.Intent;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.kroc.adapterdemo.R;
import com.kroc.main.FoodBO;
import com.kroc.main.TestActivity;

/**   
 * item布局对应的view
 * @author 林楷鹏  
 * @date 2014-12-9 下午9:49:01   
 */
public class FoodListItemView extends LinearLayout implements IAdapterView<FoodBO>{

	private Context mContext;
	private TextView nameTxtv;
	private TextView numTxtv;
	private Button getBtn;
	private FoodBO mFoodBO;
	
	public FoodListItemView(Context context) {
		super(context);
		this.mContext = context;
		init();
	}
	
	private void init(){
		View.inflate(getContext(), R.layout.lv_item_food, this);
		nameTxtv = (TextView)findViewById(R.id.item_food_name_txtv);
		numTxtv = (TextView)findViewById(R.id.item_food_num_txtv);
		getBtn = (Button)findViewById(R.id.item_food_get_btn);
		getBtn.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View arg0) {
				Intent intent = new Intent(mContext, TestActivity.class);
				intent.putExtra("food", mFoodBO);
				mContext.startActivity(intent);
			}
		});
	}

	@Override
	public void bind(int position, FoodBO foodBO) {
		mFoodBO = foodBO;
		nameTxtv.setText(foodBO.getFoodName());
		numTxtv.setText(foodBO.getFoodNum() + "份");
	}

}

4、然后这里就是适配器，注意一下，这里是为了显示这种做法的简洁性，我特意写了两个布局，就是说一个listview的item可以有不同的布局，往往用传统方式写的话，代码会更多，但是在这里可以看到，我的getView里面就是短短几行代码，如此简洁。（其他代码点击下面下载代码去看）。这里可以回想一下，我们平时做这种有多种布局的item是如何做的，是不是把所有的view加载绑定都写到getView里面了，那样是不是让你的代码变得格外臃肿不堪呢？而通过这种方式，你就可以将不同的布局写到不同的类中去，需要用到的时候再new出来就行。

package com.kroc.adapter;

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

import com.kroc.main.FoodBO;


/**
 * @author 林楷鹏
 * @description 食物列表适配
 * @create 2014-11-24下午2:37:25
 * 
 */
public class MyAdapter extends CommonBaseAdapter<FoodBO> {

	private static final int ITEM_VIEW_TYPE_NUM = 2;
	private static final int ITEM_VIEW_TYPE_FOOD = 0;
	private static final int ITEM_VIEW_TYPE_IMAGE = 1;
	
	public MyAdapter(Context context) {
		super(context);
	}
	
	@Override
	public int getViewTypeCount() {
		return ITEM_VIEW_TYPE_NUM;
	}
	
	@Override
	public int getItemViewType(int position) {
		if(position % 3 == 0){//为了显示不同item布局
			return ITEM_VIEW_TYPE_FOOD;
		}else{
			return ITEM_VIEW_TYPE_IMAGE;
		}
		
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		IAdapterView<FoodBO> orderDetail = null;
		if(position % 3 == 0){
			orderDetail = new FoodListItemView(mContext);
		}else{
			orderDetail = new ImageListItemView(mContext);
		}
		orderDetail.bind(position, mList.get(position));
		return (View) orderDetail;
	}

}

关于定义接口的好处：泛型是一个好处，可以适配不同的数据类型，另外，可以将要显示的item布局都实现接口，这样的话就可以实现多态了。下面看看效果图，从下面的图片可以看到确实也实现了我们要的效果。

另外这样做还有一个好处，就是代码的复用性，假如你有两个地方都用到同一个布局，那么通过这种方式，你就可以在两个地方new两个view就行，不用在两个地方将代码码两遍，那样很烦的。

其他代码不做多解释，还是老规矩。要了解的点击代码下载