自定义adapter实现对listview内item的控制

在使用listview时，往往需要对其中的item的view进行自定义，可能还需要添加一些事件，这时就可以利用自定义adapter来实现。

先看一下效果图

因为主要是掌握adapter 所以我只做了一个简单的item布局，布局代码如下

这是item的布局

layout_item.xml

<?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" 
    >
    
    <ImageView 
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    
    <TextView 
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="50dp"
        />

</LinearLayout>

activity_main.xml   我们只放了一个Listview

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.diy_adapter.MainActivity" >

    <ListView
        android:id="@+id/listView"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        />

</RelativeLayout>

下面是对adapter的自定义和我的理解

package com.example.diy_adapter;

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.ImageView;
import android.widget.TextView;
/**
 * 
 * @author 王炳星
 * 首先我们创建一个类MyAdapter 继承 BaseAdapter
 * 你会看到编译器让你重写下面四个方法
 * getCount()  getItem()  getItemId() getView()
 */
public class MyAdapter extends BaseAdapter{

	/**
	 * 当然我们还要定义一下变量和一个构造函数 来保存和传递一些我们所需的值
	 * 通常我们都是将一个list绑定到adapter上，然后通过list的数据变化，来通过adapter来更新listview的视图
	 * 所以下面我们定义了一个list
	 * context 和 inflater的作用   到下面才会体现
	 */
	List<String> list;
	Context context;
	LayoutInflater inflater;
	
	public MyAdapter(Context context,List<String> list){
		this.list = list;
		this.context = context;
		this.inflater = LayoutInflater.from(context);
	}
	
	//返回List的长度,同时也是listview上显示的item的个数
	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return list.size();
	}

	//返回list内当前位置的对象
	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return list.get(position);
	}

	//返回item的id，自然就是当前的position啦
	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	/**
	 * 其实你在写的过程中发现，上面四个方法都是自定义的，
	 * 只要类型符合，我们想返回什么就返回什么，
	 * 只是为了达到我们的目的，实现list通过adapter来控制listview,才重写成上面的样子
	 */
	
	
	/**
	 * 这个地方就是返回item的视图啦 
	 * 首先我们看下方的一个自定义的类，这个类，就是用来存储和控制你item的布局映射过来的对象的
	 * 我们的item布局定义了一个   imageView 一个TextView  所以这个地方也同样定义这两个
	 */
	
	class MyView{
		ImageView icon;
		TextView text;
	}
	
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		//先声明一个我们的对象
		MyView myView;
		
		if(convertView == null)
		{
			//如果convertView为空的话，我们为这个对象赋空间，然后对其中的变量进行赋值
			myView = new MyView();
			//这个地方就用到了我们初始定义的inflater  其实他就是从context获得这个LayoutInfalte
			//来把我们写的布局填充到convertView中的，第一个参数是id，第二个参数是父布局，这里用不到，就填空
			convertView = inflater.inflate(R.layout.layout_item, null);
			//把各个布局中的控件通过id映射过来
			myView.icon = (ImageView)convertView.findViewById(R.id.icon);
			myView.text = (TextView)convertView.findViewById(R.id.text);
			
			convertView.setTag(myView);
		}else{
			//如果convertView存在的话，我们直接获得就行了
			myView = (MyView)convertView.getTag();
		}
		
		//这个地方我们就可以通过自己定义的对象对convertView进行控制了
		//setText 我们设置的就是list内当前位置的字符串
		//icon  统一设置为了ic_launcher 就是呢个安卓机器人
		//其实这个地方你可以先复杂的逻辑，根据position啊什么的来控制显示什么，想显示什么就显示什么
		//还可以对convertview和其中的控件  text和icon 设置事件，这个我会再写一个博客 做一个长按显示checkbox删除的listView
		myView.text.setText(list.get(position));
		myView.icon.setImageResource(R.drawable.ic_launcher);
		
		//一定记得返回convertView 如果返回null  就会报错
		return convertView;
	}
	
	
	
}

最后我们在MainActivity中设置一下就可以拉 

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

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ListView;


public class MainActivity extends ActionBarActivity {

	List<String> list;
	MyAdapter myAdapter;
	ListView listView;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        init();
    }
    
    private void init()
    {
    	listView = (ListView)findViewById(R.id.listView);
    	list = new ArrayList<String>();
    	for(int i = 0; i < 20; i ++)
    	{
    		list.add("item" + i);
    	}
    	myAdapter = new MyAdapter(this,list);
    	listView.setAdapter(myAdapter);
    	
    }

}

这部分很简单，就不赘述了，如果有不明白可以留言~