首页 > 代码库 > android学习八(ListView的高级使用)
android学习八(ListView的高级使用)
ListView在android开放中用的比较多,所以接下来就进行ListView的使用的讲解。
首先创建一个android项目,项目名为ListViewTest.
ListView的简单使用
修改布局文件,修改后代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/list_view" android:layout_width="match_parent" android:layout_height="match_parent" ></ListView> </LinearLayout>
修改MainActivity的代码:
package com.wj.listviewtest; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.widget.ArrayAdapter; import android.widget.ListView; public class MainActivity extends Activity { private String [] data=http://www.mamicode.com/{"apple","banana","orange",>运行程序结果如下:
ListView是用于显示大量数据的,这些数据我们可以事先准备好,也可以从网上或者数据中中读取。
android.R.layout.simple_list_item_1是作为ListView子项布局的id,这是android内置的布局文件里面只有一个TextView,可用于简单地显示一段文本。
2.定制ListView的界面
首先准备一组图片,分别对应上面提供的水果。
接着定义一个实体类,作为ListView适配器的适配类型,新建Fruit类,代码如下:
package com.wj.listviewtest; public class Fruit { private String name;//水果名 private int imageId;//水果图片的资源id //无参构造函数 public Fruit(){} //有参构造函数 public Fruit(String name,int imageId){ this.name=name; this.imageId=imageId; } public String getName() { return name; } public void setName(String name) { this.name = name; } public int getImageId() { return imageId; } public void setImageId(int imageId) { this.imageId = imageId; } }
Fruit类中只有2个字段,name表示水果的名字,imageId表示水果对应图片的资源id,然后需要为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_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="10dip" /> </LinearLayout>这个布局中我们定义了一个ImageView用于显示水果的图片,又定义了一个TextView用于显示水果的名称。
接着我们要创建一个自定义的适配器,这个适配器继承自ArrayAdapter,并将泛型指定为Fruit。新建一个类FruitAdapter代码如下:
package com.wj.listviewtest; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ImageView; import android.widget.TextView; public class FruitAdapter extends ArrayAdapter<Fruit> { private int resourceId; public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) { super(context, textViewResourceId, objects); // TODO Auto-generated constructor stub /* * 重写了父类的构造函数,用于将上下文,ListView子项布局的id和数据都传进来。 * */ resourceId=textViewResourceId; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub //return super.getView(position, convertView, parent); /* * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例, * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局 * */ Fruit fruit=getItem(position);//获取当前项的Fruit实例 //初始话ListView的子项布局 View view=LayoutInflater.from(getContext()).inflate(resourceId, null); ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image); TextView fruitName=(TextView) view.findViewById(R.id.fruit_name); fruitImage.setImageResource(fruit.getImageId()); fruitName.setText(fruit.getName()); return view; } }
修改MainActivity的代码如下:package com.wj.listviewtest; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.widget.ArrayAdapter; import android.widget.ListView; public class MainActivity extends Activity { /*private String [] data=http://www.mamicode.com/{"apple","banana","orange",>
运行程序,结果如下:
这是一个简单的界面,不过更加复杂的界面也可以通过修改fruit_item.xml文件来实现更加复杂的ListView。
下面我们来提示下ListView的运行效率。
目前我们的ListView的运行效率是很低的,因为在FruitAdapter的getView方法中每次都要将布局重写加载了一遍,当ListView快速滚动的时候这就会成为性能的瓶颈。仔细观察,getView方法中还有一个convertView参数,这个参数用于将之前加载好的布局进行缓存,以便之后可以进行重用,修改FruitAdapter中的代码,带入如下所示:
@Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub //return super.getView(position, convertView, parent); /* * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例, * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局 * */ Fruit fruit=getItem(position);//获取当前项的Fruit实例 View view; /* * 在getView()方法中进行判断,如果convertView为空,则使用LayoutInflater去加载布局, * 如果不为空,则直接对convertView进行重用。这样可以大大提升ListView的效率,在快速滚动的时候 * 也可以表现更好的性能。 * */ if(convertView==null){ //初始话ListView的子项布局 view=LayoutInflater.from(getContext()).inflate(resourceId, null); }else{ view=convertView; } /*//初始话ListView的子项布局 View view=LayoutInflater.from(getContext()).inflate(resourceId, null);*/ ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image); TextView fruitName=(TextView) view.findViewById(R.id.fruit_name); fruitImage.setImageResource(fruit.getImageId()); fruitName.setText(fruit.getName()); return view; }
上面的代码进行了部分的优化,虽然现在已经不用在重复的去加载布局了,但是每次在getView方法中还是会调用View的view.findViewById()方法来获取一次控件的实例。我们可以借助一个ViewHolder来对这部分性能进行优化,修改FruitAdapter中的代码,如下所示:package com.wj.listviewtest; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ImageView; import android.widget.TextView; public class FruitAdapter extends ArrayAdapter<Fruit> { private int resourceId; public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) { super(context, textViewResourceId, objects); // TODO Auto-generated constructor stub /* * 重写了父类的构造函数,用于将上下文,ListView子项布局的id和数据都传进来。 * */ resourceId=textViewResourceId; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub //return super.getView(position, convertView, parent); /* * 重写getView方法,这个方法在每个子项被滚动到屏幕内的时候会被调用,在getView方法中 * ,首先通过getItem方法得到当前项的Fruit实例,然后使用LayoutInflater来为这个子项加载 * 我们传入的布局,接着调用View的findViewById方法分别获取到ImageView和TextView的实例, * 并分别调用他们的setImageResource和setText方法来设置显示的图片和文字,最后返回布局 * */ Fruit fruit=getItem(position);//获取当前项的Fruit实例 View view; ViewHolder viewHolder; /* * 在getView()方法中进行判断,如果convertView为空,则使用LayoutInflater去加载布局, * 如果不为空,则直接对convertView进行重用。这样可以大大提升ListView的效率,在快速滚动的时候 * 也可以表现更好的性能。 * */ if(convertView==null){ //初始话ListView的子项布局 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); view.setTag(viewHolder);//将ViewHolder存储在View中 }else{ view=convertView; viewHolder=(ViewHolder) view.getTag();//重新获取ViewHolder } /*//初始话ListView的子项布局 View view=LayoutInflater.from(getContext()).inflate(resourceId, null);*/ /*ImageView fruitImage=(ImageView) view.findViewById(R.id.fruit_image); TextView fruitName=(TextView) view.findViewById(R.id.fruit_name);*/ viewHolder.fruitImage.setImageResource(fruit.getImageId()); viewHolder.fruitName.setText(fruit.getName()); return view; } class ViewHolder{ ImageView fruitImage; TextView fruitName; } }
通过上面两步优化后,ListView的运行效率已经不错了。
ListView的点击事件
修改代码如下:
package com.wj.listviewtest; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; public class MainActivity extends Activity { /*private String [] data=http://www.mamicode.com/{"apple","banana","orange",>运行结果如下;
好了ListView的使用就总结到这里了。
单位和尺寸
px是像素的意思,即屏幕中可以显示的最小单位,我们应用里任何可见的东西都是由一个个像素点组成的。
pt是磅数的意思,1磅等于1/72英寸,一般pt都会作为字体的单位来使用。
dp是密度无关的像素的意思,也被称作为dip,和px相比,它在不同密度的屏幕中的显示比例保持一致。
sp是可伸缩像素的意思,它采用了和dp同样的设计理念,解决了文字大小的适配问题。
android中的密度就是屏幕每英寸所包含的像素数,通常以dpi为单位。
根据android的规定,在160dpi的屏幕上,1dp等于1px,而在320dpi的屏幕上,1dp就等于2px。因此,使用dp来指定控件的宽和高,就可以保证控件在不同密度的屏幕中的显示比例保存一致。所以dp可以理解为显示比例(像素除以英寸)
在编写android程序的时候,尽量将控件或布局的大小指定成match_parent或wrap_content,如果必须要指定一个固定的值,则使用dp来作为单位,指定文字的大小的时候使用sp。
转载请注明来着:http://blog.csdn.net/j903829182/article/details/40683293
android学习八(ListView的高级使用)