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 在性能和可定制性上都有很大的改善,推薦使用。

抽空總結了一下,同時加入了一些自己的理解,有問題的話,歡迎拍磚! 小伙伴們,求評論。。。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容