上一篇实现了简单的定制listview的item的布局,这篇将详细描述一下怎么自定义一个listview实现自己想要的listview展示样式。
要自定义显示样式,首先需要在布局中添加listview组件,并添加item的布局。关键部分就是怎么去自定义一个adapter适配器来将数据和item布局与listview关联起来。实现一个多样的listview。
下面通过代码帮大家详细理解并学会使用自定义适配器的listview
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<!-- 显示水果的照片 -->
<ImageView
android:id="@+id/fruit_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!-- 显示水果的名称和数量 -->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/fruit_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="10dip" />
<TextView
android:id="@+id/fruit_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="10dip" />
</LinearLayout>
</LinearLayout>
/**
* 自定义适配器,用于适配 帮助中心的 listview
*
* @author Administrator
*
*/
public class MyListViewAdapter extends BaseAdapter {
//默认选择项
private int selectItem = 0;
//显示需要的数据,这儿定义了一个FruitUtil的实体类,里面有三个属性:name,num,image
private List<Fruit> fruits;
private LayoutInflater inflater;
public MyListViewAdapter(Context ctx) {
inflater = LayoutInflater.from(ctx);
}
public void setFruits(List<Fruit> fruits) {
this.fruits = fruits;
}
public void setSelectItem(int selectItem) {
this.selectItem = selectItem;
}
@Override
public int getCount() {//获取item的个数
return fruits.size();
}
@Override
public Object getItem(int position) {//获得item
return fruits.get(position);
}
@Override
public long getItemId(int position) {//获得item的id
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//获取每个item的样式并赋值
Viewholder vh;
if (convertView == null) {
convertView = inflater.inflate(R.layout.listview_item, null);
vh = new Viewholder();
vh.tv_num = (TextView) convertView.findViewById(R.id.fruit_num);
vh.tv_name = (TextView) convertView.findViewById(R.id.fruit_name);
vh.iv_image = (ImageView) convertView.findViewById(R.id.fruit_image);
convertView.setTag(vh);
} else {
vh = (Viewholder)convertView.getTag();
}
vh.tv_name.setText(fruits.get(position).getName());
vh.tv_num.setText(fruits.get(position).getNum());
if (position == selectItem){//当选择item的时候变色
vh.tv_name.setTextColor(android.graphics.Color.BLACK);
}else{
vh.tv_name.setTextColor(android.graphics.Color.WHITE);
}
vh.iv_image.setImageResource(fruits.get(position).getImage());
return convertView;
}
/*我们新增了一个内部类ViewHolder,用于对控件的实例进行缓存。当convertView为空的时候,创建一个ViewHolder对象,并将控件的实例都存放在ViewHolder里,然后调用View的setTag()方法,将ViewHolder对象存储在View中。当convertView不为空的时候则调用View的getTag()方法,把ViewHolder重新取出。这样所有控件的实例都缓存在了ViewHolder里,就没有必要每次都通过findViewById()方法来获取控件实例了。*/
public static class Viewholder {
TextView tv_name,tv_num;
ImageView iv_image;
}
}
一个自定义的适配器就完成了,下面就是使用了
//添加数据
Fruit apple = new Fruit("Apple","20", R.drawable.apple_pic);
fruitList.add(apple);
Fruit banana = new Fruit("Banana","10", R.drawable.banana_pic);
fruitList.add(banana);
Fruit orange = new Fruit("Orange","100", R.drawable.orange_pic);
fruitList.add(orange);
//实例化adapter
MyListViewAdapter myadapter = new ListViewAdapter(this);
//将数据传入adapter
myadapter.setFruits(fruitList);
//默认第一个选中
myadapter.setSelectItem(0);
//将adapter添加到listview中
listview.setAdapter(myadapter);
这样自定义的一个listview去显示水果的图片和名字数量就完成了,item的布局可以更加复杂,后面会有一篇博客去专门讲复杂的item的布局实现,如:item里面有拍照,数据提交,文本输入等。