Android--ListView的复用优化

本文介绍如何自定义ListView来实现同时显示图片和文字的功能,包括实体类定义、自定义布局、适配器实现及Activity代码完善。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  在我们平时的使用过程中,相信大家都用过ListView这个控件,比如qq好友列表、电话本通讯录等等。然而,我们使用更多的是自定义的ListView。今天就来介绍一下如何自定义一个ListView控件来满足我们的开发需求(让一条listview列表中同时显示图片和文字信息)。

  首先我们需要准备几张图片,分别对应几种水果(和文字相对应来演示)。

  因为我们想让它显示图片加文字,所以我们先来定义一个实体类,作为ListView的适配类型,新建类Fruit,代码如下所示:

public class Fruit {
	   private String name;
	   private int imageID;
       public Fruit(String name,int imageId) {
		this.name=name;
		this.imageID=imageId;
	}
	public String getName() {
		return name;
	}
	public int getImageID() {
		return imageID;
	}
       
}
Fruit类中只有两个属性,一个是name代表一会要显示的文字,另一个是imageID代表对应的图片资源。然后需要为ListView的子项写一个自定义的布局,在layout目录下新建

fruit_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">
    
    <ImageView 
        android:id="@+id/fruit_imae"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <TextView 
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dip"
        />

</LinearLayout>

在这个布局文件中,我们定义了一个ImageView来显示图片,定义了一个TextView来显示文字。接下来我们创建一个自定义适配器,这个适配器继承ArrayAdapter,并将泛型指定为Fruit类,新建一个类FruitAdapter,为了提升listView的运行效率,我们直接使用自定义内部类ViewHolder来完成代码。代码如下所示:
public class FruitAdapter extends ArrayAdapter<Fruit>{
    private int resourceId;
	public FruitAdapter(Context context, int resource, List<Fruit> objects) {
		super(context, resource, objects);
		resource=resourceId;
	}
	public View getView(int position,View convertView,ViewGroup parent){
		Fruit fruit=getItem(position);//获取当前项的Fruit实例
		View view;
		ViewHolder viewHolder;
		if(convertView==null){
			view=LayoutInflater.from(getContext()).inflate(resourceId, null);
			viewHolder=new ViewHolder();
			viewHolder.fruitImage=(ImageView) view.findViewById(R.id.fruit_imae);
			viewHolder.fruitName=(TextView) view.findViewById(R.id.fruit_name);
			view.setTag(viewHolder);
		}else{
			view=convertView;
			viewHolder=(ViewHolder) view.getTag();
		}
		
		viewHolder.fruitImage.setImageResource(fruit.getImageID());
		viewHolder.fruitName.setText(fruit.getName());
		return view;
		
	}
	//自定义内部类
     class ViewHolder{
    	 ImageView fruitImage;
    	 TextView fruitName;
     }
}

FruitAdapter重写了父类的一组构造函数,用于将上下文、ListView子项布局的id和数据都传过来,另外又重写了getView方法,这个方法在每个子项被滚动到屏幕内的时候被调用。在getView方法中,首先通过getItem()方法得到当前项的Fruit的实例,然后使用LayoutInflater来为这个子项加载我们传入的布局,接着调用View的findViewById()方法获取到ImageView和TextView的实例,并分别调用它们的setImageResource()和setText()方法来设置显示情况,最后返回一个布局view,完成自定义适配器。下面完善MainActivity中的代码,如下所示:

public class MainActivity extends Activity {
    private List<Fruit> fruitList=new ArrayList<Fruit>();
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		FruitAdapter adapter=new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);
		ListView listView=(ListView)findViewById(R.id.list_view);
		listView.setAdapter(adapter);
	}
}

在这里要说一下convertView参数,可以将之前加载好的布局进行缓存,以便之后重用。

新增的内部类ViewHolder,用于对控件的实例进行缓存。当convertView为空的时候,创建一个ViewHolder对象,并将控件实例都存放在ViewHolder中。然后调用setTag()方法,将对象存储在View中。当convertView不为空的时候调用View的getTag()方法将其重新取出,这样可以达到优化ListView的运行效率的目的。



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值