Android移动开发之路之自定义listView(二)

发布于 2022-05-05  218 次阅读


关于listView,上篇一文章现我已经做过简单的使用介绍,在我来和大家深入了解一下listView。

xml代码如下:

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

1.创建一个xml文件

在这个xml文件中,你可以创建一个自定义listView的item呈现方式。这个是我创建的list.xml,代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    <LinearLayout
		android:layout_width="match_parent"
		android:layout_height="match_parent"
		android:orientation="horizontal">
		<ImageView
			android:id="@+id/image"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"/>
		<TextView
			android:id="@+id/title"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:textColor="#666872"/>
	</LinearLayout>
</LinearLayout>

2.自定义Adspter

代码如下:

public class MyAdspter extends BaseAdapter {
	private List<Map<String, Object>> data; // 保存数据
	private LayoutInflater layoutInflater; // layout
	private Context context; // 上下文
	public MyAdspter(Context context, List<Map<String, Object>> data) {
		this.context = context; 
		this.data = data; 
		this.layoutInflater = LayoutInflater.from(context); 
	}
	// 集合
	public final class layout_rain { 
		public ImageView image; 
		public TextView title;
	}
	// 返回一个list 长度
	@Override
	public int getCount() { 
		return data.size(); 
	}
	// 获得某一位置的数据 
	@Override 
	public Object getItem(int position) { 
		return data.get(position); 
	} 
	// 获得唯一标识
	@Override 
	public long getItemId(int position) { 
		return position; 
	}
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		layout_rain rain = null;
		// 判断是否实例化过
		if(convertView == null) { 
			rain = new layout_rain();
			// 获得组件,实例化组件 
			convertView = layoutInflater.inflate(R.layout.list, null);
			rain.image = (ImageView) convertView.findViewById(R.id.image);
			rain.title = (TextView) convertView.findViewById(R.id.title);
			// View对象标签
			convertView.setTag(rain);
		} else { 
			rain = (layout_rain) convertView.getTag();
		}
		// 绑定数据 
     rain.image.setBackgroundResource((Integer)data.get(position).get("image"));
		rain.title.setText((String)data.get(position).get("title"));
		return convertView; 
	}
}

3.listView使用

(1)先要模拟一个要输出的数据

List<Map<String, Object>> list = getData();
public List<Map<String, Object>> getData() {
		List<Map<String, Object>> list = new ArrayList<Map<String,Object>>();
		for (int i = 0; i < 10; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("image", R.drawable.ic_launcher);
			map.put("title", "这是一个标题" + i);
			list.add(map); 
		} 
		return list; 

(2)使用自定义list输出数据

ListView listView = (ListView) findViewById(R.id.list);
List<Map<String, Object>> list = getData();
		// 为listview设置数据
		// 这里用了自定义的适配器 MyAdspter
		listView.setAdapter(new MyAdspter(this, list));

好了,自定义listView就这样结束了,你感觉如何呢。