实现微信好友列表



ListView列表控件

Android中的列表控件非常灵活，可以自定义每一个

列表项，实际上每一个列表项就是一个View，在Android定义

了3个列表控件：ListView、ExpandableListView和Spinner，

其中Spinner就是在Windows中常见的下拉列表框。

列表的显示需要三个元素：

1.View 用来展示数据的view

2.适配器 用来把数据映射到view上的中介。

3.数据  具体的将被映射的字符串，图片，或者基本组件。

实战案例 实现微信好友列表

需要源码的请在文章下面留言亲

一、java主函数

package com.example.listview;

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

import com.example.listview.adapter.FriendAdaper;
import com.example.listview.model.FriendModel;

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

public class FriendListActivity extends Activity
{
//	ListView控件
	private ListView main_listView;
//	绑定数据适配器
	private FriendAdaper mAdaper;
	@Override
	protected void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.view_mainview);
		main_listView=(ListView) findViewById(R.id.main_listView);
		mAdaper=new FriendAdaper(this, getData());
//与ListView建立数据通信
		main_listView.setAdapter(mAdaper);

	}
	private List<FriendModel> getData()
	{
		List<FriendModel> list=new ArrayList<FriendModel>();
//		好友数据共7个好友数据
		FriendModel friend1=new FriendModel();
		friend1.setIv_photo(R.drawable.show04);
		friend1.setTv_01("西西");
		friend1.setTv_02("你是我的贝贝，我是你的舒舒");

		FriendModel friend2=new FriendModel();
		friend2.setIv_photo(R.drawable.show01);
		friend2.setTv_01("小南");
		friend2.setTv_02("我还有什么理由可以回到以前？");

		FriendModel friend3=new FriendModel();
		friend3.setIv_photo(R.drawable.show02);
		friend3.setTv_01("城池");
		friend3.setTv_02("做你坚固的壁垒");

		FriendModel friend4=new FriendModel();
		friend4.setIv_photo(R.drawable.show03);
		friend4.setTv_01("阿德哈");
		friend4.setTv_02("嘻嘻哈哈，快快乐乐");

		FriendModel friend5=new FriendModel();
		friend5.setIv_photo(R.drawable.show05);
		friend5.setTv_01("阿斯顿");
		friend5.setTv_02("给我一个不伤心的理由");

		FriendModel friend6=new FriendModel();
		friend6.setIv_photo(R.drawable.show01);
		friend6.setTv_01("小南");
		friend6.setTv_02("我还有什么理由可以回到以前？");

		FriendModel friend7=new FriendModel();
		friend7.setIv_photo(R.drawable.show02);
		friend7.setTv_01("城池");
		friend7.setTv_02("做你坚固的壁垒");
		list.add(friend1);
		list.add(friend2);
		list.add(friend3);
		list.add(friend4);
		list.add(friend5);
		list.add(friend6);
		list.add(friend7);

		return list;
	}
}

二、数据适配器

package com.example.listview.adapter;

import java.util.List;

import com.example.listview.R;
import com.example.listview.model.FriendModel;

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

public class FriendAdaper extends BaseAdapter
{
//来获取position数据
	private List<FriendModel> mData;
//没有上下文所以创建一个context
	private Context context;
//	创建一个构造方法来接收 mData和context
	public FriendAdaper(Context context,List data){
		this.mData=data;
		this.context=context;
	}
//决定列表item显示的个数
	@Override
	public int getCount()
	{

		return mData.size();
	}
//根据position获取对应item数据
	@Override
	public Object getItem(int position)
	{

		return mData.get(position);
	}
//获取对应position的item的id
	@Override
	public long getItemId(int position)
	{

		return position;
	}
//创建列表item的视图
	@Override
	public View getView(int position, View convertView, ViewGroup parent)
	{
//创建的view返回值，获取listView的布局
		View view=View.inflate(context, R.layout.item_listview, null);
//		获取item相应的数据对象
		FriendModel friend= mData.get(position);
//		初始化view
		ImageView iv_photo=(ImageView) view.findViewById(R.id.iv_photo);
		TextView tv_01=(TextView) view.findViewById(R.id.tv_01);
		TextView tv_02=(TextView) view.findViewById(R.id.tv_02);
//	数据绑定到view
		iv_photo.setImageResource(friend.getIv_photo());
		tv_01.setText(friend.getTv_01());
		tv_02.setText(friend.getTv_02());
//返回绑定完数据的view
		return view;
	}

}

三、数据类，为了创建存放数据的对象

package com.example.listview.model;

//创建一个数据类，便于建立数据对象存放数据
public class FriendModel
{
//	图片的资源ID
	private int iv_photo;
//	昵称
	private String tv_01;
//	个性签名
	private String tv_02;
	public int getIv_photo()
	{
		return iv_photo;
	}
	public void setIv_photo(int iv_photo)
	{
		this.iv_photo = iv_photo;
	}
	public String getTv_01()
	{
		return tv_01;
	}
	public void setTv_01(String tv_01)
	{
		this.tv_01 = tv_01;
	}
	public String getTv_02()
	{
		return tv_02;
	}
	public void setTv_02(String tv_02)
	{
		this.tv_02 = tv_02;
	}

}

四、xml布局文件中

主函数加载的布局

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

</ListView>

ListView布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >
    <ImageView
        android:id="@+id/iv_photo"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:src="@drawable/show04"/>
    <TextView
        android:id="@+id/tv_01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="小南"
        android:layout_toRightOf="@id/iv_photo"
        android:layout_centerVertical="true"
         android:layout_margin="2dp"/>
     <TextView
        android:id="@+id/tv_02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="如果回到过去我们有能抓住什么？"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:layout_margin="2dp"/>

</RelativeLayout>