安卓入门学习之ListView

在安卓的数据列表显示的时候，通常会用到ListView,所以列出下学习时候遇到的

1，用系统自定义的ListView

首先在xml文件中建立listview

   <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></ListView>

然后在MainAvtivity中建立数据，此时的数据一般都是提前准备好的，一般是网上下载的或者从数据库中提取的

这里用数组提供一组数据，但是不能直接给ListView，这需要借助安卓的许多适配器来进行操作(对于从数据库来的数据用的适配器也不一样，这里先不管)

private String[] data = { "Apple" , "Banana" , "Orange" , "Watermelon",
                 "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango" };
@Override
     protected void onCreate(Bundle savedInstanceState) {
            super.onCreate( savedInstanceState);
           requestWindowFeature(Window. FEATURE_NO_TITLE);
           setContentView(R.layout. activity_main);

           ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                      MainActivity.this, android.R.layout.simple_list_item_1 , data );
           ListView listview = (ListView) findViewById(R.id.list_view );
            listview.setAdapter( adapter);
     }

这里的android.R.layout.simple_list_item_1是列表子项的id，这是安卓内置的布局文件，里面只有一个TextView,这样就可以简单的显示数据

使用的函数是ArrayAdapter(Context context , int textViewResourceId, List<T > objects) 来装配数据

setAdapter将配置好的适配器传进去

对于适配器的问题，安卓开发手册上介绍的主要是三种ArrayAdapter，SimpleAdapter，SimpleCursorAdapter

同时还有一点要注意，Adapter与AdapterView不是同一个概念，Adapter是连接数据和AdapterView的桥梁，具体的区别可以自己度一下

这样的话，上面的代码就完成了基本的列表功能，只是这些列表只是简单的每项展示文字

显然这样的列表不能满足要求，那么的话就可以自己定义一个适配器来连接数据和View

2,定制ListView界面

显然上面太单调的限时不行，为此我们先建立Fruit类，保存属性name和imageId

同时可新建一个布局文件fruit_item.xml

里面放ImageView TextView显示图片和文字

接着就是进行自定义的适配器，让该适配器继承刚才的ArrayAdapter<Fruit>

具体的xml文件建立也是很简单

<ImageView
    android:id="@+id/fruit_image"
    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="10dp"
    />

建立一个类，继承适配器类

public class FruitAdapter extends ArrayAdapter<Fruit> {
private int resourceId ;
     public FruitAdapter(Context context, int resource, List<Fruit> objects) {
            super( context, resource, objects);
            // TODO Auto-generated constructor stub
            resourceId= resource;
     }

     @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                 // TODO Auto-generated method stub
                 /*return super.getView(position, convertView, parent);*/
            //获取当前的fruit实例
           Fruit fruit= getItem( position);
        View view=  LayoutInflater.from(getContext()).inflate(resourceId , null);

         ImageView fruitImage= (ImageView) view.findViewById(R.id. fruit_image);
           TextView fruitNmae=(TextView) view.findViewById(R.id. fruit_name);

            fruitImage.setImageResource( fruit.getImageId());
            fruitNmae.setText( fruit.getName());
            return view;
     }

首先是重写了父类的一组构造函数，将上下文、ListView子项布局的id和数据都传递进来

同时又重写了getView方法，这个方法在每个子项被滚动到屏幕内的时候会被调用

在getView方法中，先获得当前Fruit的实例，然后使用LayoutInflater为子项加载传入的布局，接着是调用findViewById()方法获取到ImageView实例和TextView实例，然后设置文字和图片，这样就完成了自定义的适配器。

最后就是修改MainActivity

public class MainActivity extends Activity {
      /*private String[] data = { "Apple", "Banana", "Orange", "Watermelon",
                "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango" };*/
private List<Fruit> fruitList = new ArrayList<Fruit>();
      @Override
      protected void onCreate(Bundle savedInstanceState) {
            super.onCreate( savedInstanceState);
            /*requestWindowFeature(Window.FEATURE_NO_TITLE);*/
           setContentView(R.layout. activity_main );

            /*ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                     MainActivity.this, android.R.layout.simple_list_item_1, data);
           ListView listview = (ListView) findViewById(R.id.list_view);
           listview.setAdapter(adapter);*/
      //初始化水果
           initFruit();
       FruitAdapter adapter= new FruitAdapter(MainActivity. this, R.layout.fruit_item , fruitList );
       ListView listView=(ListView) findViewById(R.id.list_view );
       listView.setAdapter( adapter);

     }

      private void initFruit() {
            // TODO Auto-generated method stub
           Fruit apple = new Fruit( "Apple", R.drawable.apple_pic );
            fruitList.add( apple);
           Fruit banana = new Fruit( "Banana", R.drawable.banana_pic );
            fruitList.add( banana);
           Fruit orange = new Fruit( "Orange", R.drawable.orange_pic );
            fruitList.add( orange);
           Fruit watermelon = new Fruit( "Watermelon", R.drawable.watermelon_pic );
            fruitList.add( watermelon);
           Fruit pear = new Fruit( "Pear", R.drawable. pear_pic);
            fruitList.add( pear);
           Fruit grape = new Fruit( "Grape", R.drawable.grape_pic );
            fruitList.add( grape);
           Fruit pineapple = new Fruit( "Pineapple", R.drawable.pineapple_pic );
            fruitList.add( pineapple);
           Fruit strawberry = new Fruit( "Strawberry", R.drawable.strawberry_pic );
            fruitList.add( strawberry);
           Fruit cherry = new Fruit( "Cherry", R.drawable.cherry_pic );
            fruitList.add( cherry);
           Fruit mango = new Fruit( "Mango", R.drawable.mango_pic );
            fruitList.add( mango);
     }

主要是listview完成初始化，然后产生一个自定义的适配器进行装配数据，传给ListView

关于效率的优化问题

目前我们 ListView 的运行效率是很低的，因为在 FruitAdapter 的 getView()

方法中每次都将布局重新加载了一遍，当 ListView 快速滚动的时候这就会成为性能的瓶颈。

仔细观察，getView()方法中还有一个 convertView 参数，这个参数用于将之前加载好的

布局进行缓存， 以便之后可以进行重用

上面的操作是防止了反复绘制布局，同时在进行每一个控件的读取的时候也可以防止反复绘制的问题，具体看代码，主要修改自定义的适配器类的一些方法

public class FruitAdapter extends ArrayAdapter<Fruit> {
private int resourceId;
	public FruitAdapter(Context context, int resource, List<Fruit> objects) {
		super(context, resource, objects);
		// TODO Auto-generated constructor stub
		resourceId=resource;
	}

	@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			/*return super.getView(position, convertView, parent);*/
		//获取当前的fruit实例
		Fruit fruit= getItem(position);
		/*
		 * convertView主要是将之前加载好的布局进行缓存
		 */
		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_image);
             viewHolder.fruitName=(TextView) view.findViewById(R.id.fruit_name);
 		}
		else
			{
			view =convertView;
			viewHolder=(ViewHolder) view.getTag();
			}

	   /* ImageView fruitImage= (ImageView) view.findViewById(R.id.fruit_image);
		TextView fruitNmae=(TextView) view.findViewById(R.id.fruit_name);

		fruitImage.setImageResource(fruit.getImageId());
		fruitNmae.setText(fruit.getName());*/
		viewHolder.fruitImage.setImageResource(fruit.getImageId());
		viewHolder.fruitName.setText(fruit.getName());
		return view;

	}
class ViewHolder{
	ImageView fruitImage;
	TextView fruitName;
}
}

主要是新增了一个ViewHolder类来放相应的实例，同时由于converView是存放布局缓存的，所以在判断其是否为空的时候可以一并判断控件是否需要绘制