在安卓的数据列表显示的时候,通常会用到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 参数,这个参数用于将之前加载好的
布局进行缓存, 以便之后可以进行重用
方法中每次都将布局重新加载了一遍,当 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是存放布局缓存的,所以在判断其是否为空的时候可以一并判断控件是否需要绘制
增加点击事件
可以在每次点击列表项的每一项的时候,响应事件,可以在MainActivity最后增加响应
//设置列表响应事件
listView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
// TODO Auto-generated method stub
Fruit fruit=fruitList.get(position);
Toast.makeText(MainActivity.this,"您点击了"+fruit.getName(), Toast.LENGTH_SHORT).show();
}
});