Android之史上最强ListView优化提案

在android开发中Listview是一个很重要的组件,它以列表的形式根据数据的长自适应展示具体内容,用户可以自由的定义listview每一列的布局,但当listview有大量的数据需要加载的时候,会占据大量内存,影响性能。

本文的重点即是从如下几个方面介绍如何对ListView进行优化。

1、convertView重用

Android SDK中这样讲:

the old view to reuse, if possible. Note: You should check that this view is non-null and of an appropriate type before using. If it is not possible to convert this view to display the correct data, this method can create a new view

利用好 convertView 来重用 View,切忌每次 getView() 都新建。ListView 的核心原理就是重用 View,如果重用 view 不改变宽高,重用View可以减少重新分配缓存造成的内存频繁分配/回收;


android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:id="@+id/listview"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:cacheColorHint="#00000000" >

ListView的android:layout_height属性值设置为"fill_parent"或者''wrap_content"情况不一样,但是convertView的机制一样

如果设置为fill_parent:屏幕上显示出的Item的convertview都为空,向下滑动新产生的Item的convetview都不为空

如果设置为wrap_content:只有第一个Item的convertview为null,其他的不为空

总结:

在初始显示的时候,每次显示一个item都调用一次getview方法但是每次调用的时候covertview为空(因为还没有旧的view),当显示完了之后。如果屏幕移动了之后,并且导致有些Item(也可以说是view)跑到屏幕外面,此时如果还有新的item需要产生,则这些item显示时调用的getview方法中的convertview参数就不是null,而是那些移出屏幕的view(旧view),我们所要做的就是将需要显示的item填充到这些回收的view(旧view)中去,最后注意convertview为null的不仅仅是初始显示的那些item,还有一些是已经开始移入屏幕但是还没有view被回收的那些item。

2、ViewHolder优化

使用ViewHolder的原因是findViewById方法耗时较大,如果控件个数过多,会严重影响性能,而使用ViewHolder主要是为了可以省去这个时间。通过setTag,getTag直接获取View

总结:

view的setTag和getTag方法其实很简单,在实际编写代码的时候一个view不仅仅是为了显示一些字符串、图片,有时我们还需要他们携带一些其他的数据以便我们对该view的识别或者其他操作。于是android 的设计者们就创造了setTag(Object)方法来存放一些数据和view绑定,我们可以理解为这个是view 的标签也可以理解为view 作为一个容器存放了一些数据。而这些数据我们也可以通过getTag() 方法来取出来。

到这里setTag和getTag大家应该已经明白了。再回到上面的话题,我们通过convertview的setTag方法和getTag方法来将我们要显示的数据来绑定在convertview上。如果convertview 是第一次展示我们就创建新的Holder对象与之绑定,并在最后通过return convertview 返回,去显示;如果convertview 是回收来的那么我们就不必创建新的holder对象,只需要把原来的绑定的holder取出加上新的数据就行了

class  ViewHolder{

ImageView img;

TextView name;

}

public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder = null;

if(convertView==null){

convertView = inflater.inflate(R.layout.list_item, parent, false);

holder.img = (ImageView) convertView.findViewById(R.id.img);

holder.name = (TextView) convertView.findViewById(R.id.name);

holder = new ViewHolder();

convertView.setTag(holder);

}else{

holder = (ViewHolder) convertView.getTag();

}

//设置holder

holder.img.setImageResource(R.drawable.ic_launcher);

holder.name.setText(list.get(position).partname);

return convertView;

}

3、图片加载优化

如果ListView需要加载显示网络图片,我们尽量不要在ListView滑动的时候加载图片,那样会使ListView变得卡顿,所以我们需要在监听器里面监听ListView的状态,如果ListView滑动(SCROLL_STATE_TOUCH_SCROLL)或者被猛滑(SCROLL_STATE_FLING)的时候,停止加载图片,如果没有滑动(SCROLL_STATE_IDLE),则开始加载图片。

假如我们要自己实现应该怎么做那,这里提供个思路

/**

* list滚动监听

*/

listView.setOnScrollListener(new OnScrollListener() {

@Override

public void onScrollStateChanged(AbsListView view, int scrollState) {

if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {//list停止滚动时加载图片

loadImage(startPos, endPos);// 异步加载图片   ,只加载可以看到的图片

}

}

@Override

public void onScroll(AbsListView view, int firstVisibleItem,

int visibleItemCount, int totalItemCount) {

//设置当前屏幕显示的起始pos和结束pos

startPos = firstVisibleItem;

endPos = firstVisibleItem + visibleItemCount;

if (endPos >= totalItemCount) {

endPos = totalItemCount - 1;

}

}

});

其实在Universal-Image-loader框架中就存在这个功能,而且做的很好,完全可以直接拿来使用,代码中我们通常这样设置:

listView = (ListView) rootView.findViewById(R.id.fragment_user_info_lisiview);

listView.setOnScrollListener(DisplayImageOptionsUtil.getPauseOnScrollListener(this));

listView.setOnItemClickListener(this);

public static PauseOnScrollListener getPauseOnScrollListener(OnScrollListener scrollListener) {

PauseOnScrollListener listener = new PauseOnScrollListener(ImageLoader.getInstance(),

false, true, scrollListener);

return listener;

}

PauseOnScrollListener的第一个参数指的是图片加载对象ImageLoader,第二个参数为pauseOnScroll来控制是否在滑动的过程中暂停加载图片,如果需要暂停则传true,第三个参数控制猛的滑动界面的时候图片是否加载。

打开PauseOnScrollListener的源码,我们可以看到,在listview滑动或者被猛一下滑动的时候,调用了imageLoader.pause()方法

/**

* Constructor

*

* @param imageLoader    {@linkplain ImageLoader} instance for controlling

* @param pauseOnScroll  Whether {@linkplain ImageLoader#pause() pause ImageLoader} during touch scrolling

* @param pauseOnFling   Whether {@linkplain ImageLoader#pause() pause ImageLoader} during fling

* @param customListener Your custom {@link OnScrollListener} for {@linkplain AbsListView list view} which also

*                       will be get scroll events

*/

public PauseOnScrollListener(ImageLoader imageLoader, boolean pauseOnScroll, boolean pauseOnFling,

OnScrollListener customListener) {

this.imageLoader = imageLoader;

this.pauseOnScroll = pauseOnScroll;

this.pauseOnFling = pauseOnFling;

externalListener = customListener;

}

@Override

public void onScrollStateChanged(AbsListView view, int scrollState) {

switch (scrollState) {

case OnScrollListener.SCROLL_STATE_IDLE:

imageLoader.resume();

break;

case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:

if (pauseOnScroll) {

imageLoader.pause();

}

break;

case OnScrollListener.SCROLL_STATE_FLING:

if (pauseOnFling) {

imageLoader.pause();

}

break;

}

if (externalListener != null) {

externalListener.onScrollStateChanged(view, scrollState);

}

}

4、onClickListener处理

当ListView的item中有比如button这些子view时,需要对其设置onclickListener,通常的写法是在getView方法中一个个设置,比如

holder.img.setonClickListener(new onClickListenr)...

但是这种写法每次调用getView时都设置了一个新的onClick事件,效率很低。高效的写法可以直接在ViewHolder中设置一个position,然后viewHolder implements OnClickListenr:

class  ViewHolder implements OnClickListener{

int position;

TextView name;

public void setPosition(int position){

this.position = position;

}

@Override

public void onClick(View v) {

switch (v.getId()){

//XXXX

}

}

}

public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder = null;

if(convertView==null){

convertView = inflater.inflate(R.layout.list_item, parent, false);

holder = new ViewHolder();

holder.name = (TextView) convertView.findViewById(R.id.name);

holder.name.setOnClickListener(this);

convertView.setTag(holder);

}else{

holder = (ViewHolder) convertView.getTag();

}

//设置holder

holder.name.setText(list.get(position).partname);

//设置position

holder.setPosition(position);

return convertView;

}

补充:ListView的listitem里面含有Button  CheckBox之类的子控件的时候,子控件会把Focus抢去,最简单有效的解决方法是在ListView的item布局文件根元素中设置属性  android:descendantFocusability="blocksDescendants"

5、减少Item View的布局层级

这是所有layout都必须遵循的,布局层级过深会直接导致View的测量与绘制浪费大量的时间

6、adapter中的getView方法尽量少使用逻辑

不要在getView方法中做过于复杂的逻辑,可以想办法抽离到别的地方,举个例子

优化前的getView():

@Override

public View getView(int position, View convertView, ViewGroup paramViewGroup) {

Object current_event = mObjects.get(position);

ViewHolder holder = null;

if (convertView == null) {

holder = new ViewHolder();

convertView = inflater.inflate(R.layout.row_event, null);

holder.ThreeDimension = (ImageView) convertView.findViewById(R.id.ThreeDim);

holder.EventPoster = (ImageView) convertView.findViewById(R.id.EventPoster);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

//在这里进行逻辑判断,这是有问题的

if (doesSomeComplexChecking()) {

holder.ThreeDimention.setVisibility(View.VISIBLE);

} else {

holder.ThreeDimention.setVisibility(View.GONE);

}

// 这是设置image的参数,每次getView方法执行时都会执行这段代码,这显然是有问题的

RelativeLayout.LayoutParams imageParams = new RelativeLayout.LayoutParams(measuredwidth, rowHeight);

holder.EventPoster.setLayoutParams(imageParams);

return convertView;

}

优化后的getView():

@Override

public View getView(int position, View convertView, ViewGroup paramViewGroup) {

Object object = mObjects.get(position);

ViewHolder holder = null;

if (convertView == null) {

holder = new ViewHolder();

convertView = inflater.inflate(R.layout.row_event, null);

holder.ThreeDimension = (ImageView) convertView.findViewById(R.id.ThreeDim);

holder.EventPoster = (ImageView) convertView.findViewById(R.id.EventPoster);

//设置参数提到这里,只有第一次的时候会执行,之后会复用

RelativeLayout.LayoutParams imageParams = new RelativeLayout.LayoutParams(measuredwidth, rowHeight);

holder.EventPoster.setLayoutParams(imageParams);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

// 我们直接通过对象的getter方法代替刚才那些逻辑判断,那些逻辑判断放到别的地方去执行了

holder.ThreeDimension.setVisibility(object.getVisibility());

return convertView;

}

7、adapter中的getView方法尽量少做耗时操作

8、adapter中的getView方法避免创建大量对象

9、将ListView的scrollingCache和animateCache设置为false

这两个属性,默认情况下是开启的,会消耗大量的内存,因此会频繁调用GC,我们可以手动将它关闭掉(视情况而定)

其它

1、利用好 View Type,例如你的 ListView 中有几个类型的 Item,需要给每个类型创建不同的 View,这样有利于 ListView 的回收,当然类型不能太多

2、善用自定义 View,自定义 View 可以有效的减小 Layout 的层级,而且对绘制过程可以很好的控制;

3、尽量能保证 Adapter 的 hasStableIds() 返回 true,这样在 notifyDataSetChanged() 的时候,如果 id 不变,ListView 将不会重新绘制这个 View,达到优化的目的;

4、每个Item 不能太高,特别是不要超过屏幕的高度,可以参考 Facebook 的优化方法,把特别复杂的 Item 分解成若干小的 Item

5、ListView 中元素避免半透明

6、尽量开启硬件加速

7、使用 RecycleView 代替。 ListView 每次更新数据都要 notifyDataSetChanged(),有些太暴力了。RecycleView 在性能和可定制性上都有很大的改善,推荐使用。

抽空总结了一下,同时加入了一些自己的理解,有问题的话,欢迎拍砖! 小伙伴们,求评论。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,198评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,663评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,985评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,673评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,994评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,399评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,717评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,407评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,112评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1 256
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,255评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,881评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2 260

推荐阅读更多精彩内容