Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android之史上最強ListView優化方案

Android之史上最強ListView優化方案

編輯:關於Android編程

在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可以減少重新分配緩存造成的內存頻繁分配/回收;

 



    

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

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

 
  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved