Android UI设计——ListView控件使用优化(五)
2015-08-25 22:17
459 查看
在上一篇博客中《Android UI设计——ListView控件和自定义Adapter(四) 》(链接)中我们通过一个实例来了解和练习了如何去自定义Adapter,本节我们将会继续以《Android UI设计——ListView控件和自定义Adapter(四) 》中的例子来学习ListView在使用中是如何优化的,如果本节看着吃力的话,建议先查看上篇哦……
Android中有个叫做Recycler的构件,下图是他的工作原理:
1. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
2. 当item1滚出屏幕,并且一个新的项目从屏幕低端上来时,ListView再请求一个type1视图。convertView此时不是空值了,它的值是item1。你只需设定新的数据然后返回convertView,不必重新创建一个视图。
(此处引用于 博客园 链接)
下面我们对我们上节的示例进行优化:
在自定义的Adapter中定义一个内部类ViewHolder,通过ViewHolder将显示在ListView中的数据通过findViewById获取到然后在接下来不为空的convertView直接获取ViewHolder的Tag即可。
看代码:
通过在ListView中添加如下语句:
convertView优化
有时候我们在ListView中显示的数据非常多,虽然我们手机的屏幕有限,数据可以通过滚动的方式为我们显示。在上一节中我们在自定义的Adapter的getView方法中使用的是将数据一次性全部加载完成,以至于当我们打开我们应用程序时速度非常慢,因为大量的数据是一次性加载完成的,降低了数据的读取速度,增加占用的内存。那么这个时候我们就可以通过convertView来解决这个问题。解决原理
convertView是采用一种”缓存“的方式。数据加载时首先加载在手机屏幕上出现的View,当滑动手机屏幕时,会有View被划出屏幕,同时也会有新的View进入屏幕。此时convertView就将出屏的View保存下来作为下一个进入屏幕的新的View使用。Android中有个叫做Recycler的构件,下图是他的工作原理:
1. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
2. 当item1滚出屏幕,并且一个新的项目从屏幕低端上来时,ListView再请求一个type1视图。convertView此时不是空值了,它的值是item1。你只需设定新的数据然后返回convertView,不必重新创建一个视图。
(此处引用于 博客园 链接)
下面我们对我们上节的示例进行优化:
public class StudentAdapter extends BaseAdapter{ private List<Student> mData;//定义数据。 private LayoutInflater mInflater;//定义Inflater,加载我们自定义的布局。 /* 定义构造器,在Activity创建对象Adapter的时候将数据data和Inflater传入自定义的Adapter中进行处理。 */ public StudentAdapter(LayoutInflater inflater,List<Student> data){ mInflater = inflater; mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertview, ViewGroup viewGroup) { /* 这是上节中的代码,将全部数据加载到ListView中 */ //获得ListView中的view // View viewStudent = mInflater.inflate(R.layout.item_simpleadapter,null); //获得学生对象 // Student student = mData.get(position); // // ImageView imagePhoto = (ImageView) viewStudent.findViewById(R.id.image_photo); // TextView name = (TextView) viewStudent.findViewById(R.id.textview_name); // TextView age = (TextView) viewStudent.findViewById(R.id.textview_age); // TextView sex = (TextView) viewStudent.findViewById(R.id.textview_sex); // TextView hobby = (TextView) viewStudent.findViewById(R.id.textview_hobby); // imagePhoto.setImageResource(student.getImag()); // name.setText(student.getName()); // age.setText(student.getAge()); // sex.setText(student.getSex()); // hobby.setText(student.getHobby()); /* convertview 优化 */ //判断convertview 是否为空,如果为空需要对其进行布局。 if(convertview == null){ convertview = mInflater.inflate(R.layout.item_simpleadapter,null); } //不管是否为空,都需要加载数据。 Student student = mData.get(position); ImageView imagePhoto = (ImageView) convertview.findViewById(R.id.image_photo); TextView name = (TextView) convertview.findViewById(R.id.textview_name); TextView age = (TextView) convertview.findViewById(R.id.textview_age); TextView sex = (TextView) convertview.findViewById(R.id.textview_sex); TextView hobby = (TextView) convertview.findViewById(R.id.textview_hobby); imagePhoto.setImageResource(student.getImag()); name.setText(student.getName()); age.setText(student.getAge()); sex.setText(student.getSex()); hobby.setText(student.getHobby()); return convertview; } }
ViewHolder优化
由于fingViewById是一个耗时间的操作,在convertView优化中,虽然将View进行了缓存,但还是判断convertView是否为空后还是需要对其布局和数据的映射,以至于消耗了时间和内存。此时我们可以通过ViewHolder来解决这个问题。在自定义的Adapter中定义一个内部类ViewHolder,通过ViewHolder将显示在ListView中的数据通过findViewById获取到然后在接下来不为空的convertView直接获取ViewHolder的Tag即可。
看代码:
public class StudentAdapter extends BaseAdapter{ private List<Student> mData;//定义数据。 private LayoutInflater mInflater;//定义Inflater,加载我们自定义的布局。 /* 定义构造器,在Activity创建对象Adapter的时候将数据data和Inflater传入自定义的Adapter中进行处理。 */ public StudentAdapter(LayoutInflater inflater,List<Student> data){ mInflater = inflater; mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertview, ViewGroup viewGroup) { //创建ViewHolder的对象。 ViewHolder viewHolder = null; //获得Item位置上的数据。 Student student = mData.get(position); //convertview 优化 if(convertview == null){ convertview = mInflater.inflate(R.layout.item_simpleadapter,null); viewHolder = new ViewHolder(); viewHolder.imagePhoto = (ImageView) convertview.findViewById(R.id.image_photo); viewHolder.name = (TextView) convertview.findViewById(R.id.textview_name); viewHolder.age = (TextView) convertview.findViewById(R.id.textview_age); viewHolder.sex = (TextView) convertview.findViewById(R.id.textview_sex); viewHolder.hobby = (TextView) convertview.findViewById(R.id.textview_hobby); //convertview为空时,ViewHolder将显示在ListView中的数据通过findViewById获取到。 convertview.setTag(viewHolder); }else{ //convertview不为空时,直接获取ViewHolder的Tag即可。 viewHolder = (ViewHolder) convertview.getTag(); } viewHolder.imagePhoto.setImageResource(student.getImag()); viewHolder.name.setText(student.getName()); viewHolder.age.setText(student.getAge()); viewHolder.sex.setText(student.getSex()); viewHolder.hobby.setText(student.getHobby()); return convertview; } /* ViewHolder内部类 */ class ViewHolder{ TextView name; TextView age; TextView sex; TextView hobby; ImageView imagePhoto; } }
滚动变黑问题优化
有时候会出现滚动变黑问题,解决方法是设置:cacheColorHint属性,将值设置为透明色。在ListView控件布局中设置:android:cacheColorHint="#00000000"
设置分隔线
如图所示的箭头指向的分隔线是可以设置的哦:通过在ListView中添加如下语句:
android:divider="#f00000" android:dividerHeight="2dp"
相关文章推荐
- 野人学Android基础篇之初探UI控件第三课--Button
- ELF Format 笔记(九)—— Elf32_Sym 结构的 st_value 和 st_shndx 成员
- IOS UITableView分组与索引分区实例
- GUI编程笔记(java)07:GUI把文本框的值移到文本域案例
- iOS UITableView制作类似QQ好友列表视图
- GUI编程笔记(java)06:GUI窗体添加按钮并对按钮添加事件案例
- UI_08 UINavigationController、界面通信
- 视图导航栏UInavigationController
- String,StringBuffer与StringBuilder的区别?
- iOS Storyboard unwind segues使用小结
- iOS Storyboard unwind segues使用小结
- UIImagePickerController详解
- Ethernet frame check sequence incorrect
- GUI编程笔记(java)05:GUI事件监听机制原理和举例说明
- ConcurrentQueue<T> TryDequeue Method
- upload.parseRequest(request) 结果为null解决方法
- Building a Space Station
- UIlable让字体自适应宽度方法
- Android通过build.gradle配置应用版本等信息
- UI - UIImageView 和页面跳转