android——ListView

在android开发中ListView是比较常用的组件之一，它以列表的形式展示具体内容，下面是我用ListView做的一个小例子

首先建立一个android项目ListViewDemo,并让ADT自动帮我们创建好活动，然后修改activity_main.xml中的代码，如下所示：

<ListView
        android:id="@+id/fruitList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="10dp"
        android:layout_centerHorizontal="true" >

    </ListView>

即在布局中加入ListView控件，这个还算是比较简单的，然后为ListView指定一个id（fruitList）并修改ListView中的属性将其调整到自己喜欢的格式（个人爱好）

接下来首先准备一组图片，分别与水果的名字相对应，接着定义一个实体类作为ListView适配器的适配类型。新建Fruit，代码如下所示：

public class Fruit {
	
	private int inamgeId;
	
	private String imageName;

	public int getInamgeId() {
		return inamgeId;
	}

	public void setInamgeId(int inamgeId) {
		this.inamgeId = inamgeId;
	}

	public String getImageName() {
		return imageName;
	}

	public void setImageName(String imageName) {
		this.imageName = imageName;
	}

	public Fruit(int inamgeId, String imageName) {
		super();
		this.inamgeId = inamgeId;
		this.imageName = imageName;
	}
	
}

Fruit类中，有二个字段一个用来存储水果的名字，一个用来表示与水果相对应的图片的id值，然后我们需要为ListView指定一个我们自定义的布局。在layout文件下新建fruit_listview.xml ， 代码如下所示：

 <ImageView 
        android:id="@+id/imageapple"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/apple_pic"
        />

    <TextView
        android:id="@+id/textapple"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_gravity="center"
        android:text="apple" 
        android:textAppearance="?android:attr/textAppearanceMedium"/>

在这个布局中ImageView用来显示水果的图片，TextView用来显示水果的名字。

接下来我们需要建立一个自定义的适配器，这个适配器继承自ArrayAdapter，并将泛型指定为Fruit类。代码如下所示：

public class FruitAdapter extends ArrayAdapter<Fruit> {

	private int resouceId;
	public FruitAdapter(Context context, int textViewResourceId,
			List<Fruit> objects) {
		super(context, textViewResourceId, objects);
		// TODO Auto-generated constructor stub
		resouceId=textViewResourceId;
	}
	
	public View getView(int position, View convertView, ViewGroup parent){
		View view = null;
		Fruit fruit=getItem(position);
		ViewHolder viewHolder;
		
		if(convertView == null){
			view=LayoutInflater.from(getContext()).inflate(resouceId, null);
			viewHolder=new ViewHolder();
			viewHolder.imageId=(ImageView)view.findViewById(R.id.imageapple);
			viewHolder.textId=(TextView)view.findViewById(R.id.textapple);
			view.setTag(viewHolder);
		}else{
			view=convertView;
			viewHolder =(ViewHolder)view.getTag();
		}
		viewHolder.imageId.setImageResource(fruit.getInamgeId());
		viewHolder.textId.setText(fruit.getImageName());
				
		return view;
		
		}

}
class ViewHolder{
	ImageView imageId;
	TextView textId;
	
}

在进行数据传递时我们需要借助适配器来完成，在android中提供了很多的适配器的实现类，其中我认为最好的是ArrayAdapter。它可以通过多个函数的重载。

FruitAdapter重写了父类的一组构造函数，用于将上下文，ListView子项布局的id和数据传递进来。另外用重写了getView()方法，这个方法在每个子项被滚动到屏幕时都会被调用。在getView()方法中首先通过getItem()方法得到当前项的Fruit实例，然后使用LayoutInflater来为这个子项加载我们传入的布局，接着调用View的findViewById()方法分别获取到ImageView和TextView的实例，并分别调用它们的setImageResource()和setText()方法来设置显示的图片和文字，并将布局返回。

接下来修改MainActivity中的代码，如下所示：

public class MainActivity extends Activity {
	
	private ListView lvFruit;
	private List<Fruit> fruitList= new ArrayList<Fruit>();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		getData();
		lvFruit=(ListView) findViewById(R.id.fruitList);
		FruitAdapter fruitAdapter=new FruitAdapter(this, R.layout.fruit_listview, fruitList);
		lvFruit.setAdapter(fruitAdapter);
	}

	private void getData() {
		// TODO Auto-generated method stub
		int[] images={R.drawable.apple_pic,R.drawable.banana_pic,R.drawable.grape_pic,R.drawable.mango_pic,R.drawable.orange_pic,R.drawable.pear_pic,R.drawable.pineapple_pic,R.drawable.strawberry_pic,R.drawable.watermelon_pic };
		String[] FruitName={"apple","banana","grape","mango","orange","pear","pineapple","strawberry","watermelon"};
		for(int i=0;i<images.length;i++){
			fruitList.add(new Fruit(images[i],FruitName[i]));			
		}
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

现在运行程序就会得到上图所示的界面。