首先, 我们在layout文件中添加一个list:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android">
<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
既然是自定义的listview, 那么肯定就需要自己写一个适配器了, 新建一个类继承于BaseAdapter:
package com.eafly.cnbeta;
import java.util.List;
import java.util.Map;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
public class MyAdapter extends BaseAdapter {
/* 变量 */
private List<Map<String, Object>> data;
private LayoutInflater layoutInflater;
private Context context;
public MyAdapter(Context context, List<Map<String, Object>> data)
{
this.context = context;
this.data = data;
this.layoutInflater = LayoutInflater.from(context);
}
public final class Component
{
public ImageView image;
public TextView title;
public Button view;
public TextView info;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return data.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
Component cp = null;
if(null == convertView)
{
cp = new Component();
convertView = layoutInflater.inflate(R.layout.news_list, null);
cp.image = (ImageView)convertView.findViewById(R.id.image);
cp.title = (TextView)convertView.findViewById(R.id.title);
cp.view = (Button)convertView.findViewById(R.id.view);
cp.info = (TextView)convertView.findViewById(R.id.info);
convertView.setTag(cp);
}
else
{
cp = (Component)convertView.getTag();
}
/* 绑定数据 */
cp.image.setBackgroundResource((Integer)data.get(position).get("image"));
cp.title.setText((String)data.get(position).get("title"));
cp.info.setText((String)data.get(position).get("info"));
return convertView;
}
}
写完适配器,那么就该在Activity中动动手脚了。 先添加一个表示listview的变量:
/* 变量 */
private ListView listView = null;
在你的主Activity的onCreate方法中添加:
<pre name="code" class="java">listView = (ListView)findViewById(R.id.list);
List<Map<String, Object>> list = getData();
listView.setAdapter(new MyAdapter(this, list));
这里使用到getData() 方法, 也就是说我们还少一个提供给listview数据的方法体:
<pre name="code" class="java">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);
map.put("info", "这是一个详细信息"+i);
list.add(map);
}
return list;
}
到这里, 一个简单的自定义listview就出炉了。 来, 看一下效果图: