@[View池、ViewHolder重用機制]
相信大家已經非常熟練的使用ViewPager這個控件了,ViewPager的常規用法在網上隨便都能搜索到,這里就不再贅述,在常規用法之外大家有沒有想過優化ViewPager性能的方法呢?例如面對使用ViewPager裝在成百上千張圖片這種場景該怎么做呢?
讓我們先回顧一下ListView的常用優化技巧:
-
利用ConvertView重用:ListView中的每一個Item顯示都需要Adapter調用一次getView()的方法,這個方法會傳入一個convertView的參數,這個方法返回的View就是這個Item顯示的View。如果當Item的數量足夠大,再為每一個Item都創建一個View對象,必將占用很多內存空間,即創建View對象(mInflater.inflate(R.layout.lv_item, null);從xml中生成View,這是屬于IO操作)是耗時操作,所以必將影響性能。Android提供了一個叫做Recycler(反復循環)的構件,就是當ListView的Item從滾出屏幕視角之外,對應Item的View會被緩存到Recycler中,相應的會從生成一個Item,而此時調用的getView中的convertView參數就是滾出屏幕的緩存Item的View,所以說如果能重用這個convertView,就會大大改善性能。
image.png
如圖,當這個convertView不存在時,即第一次使用它,我們就創建一個item布局的View對象并賦給convertView,以后使用convertView時,只需從convertView中getTag取出來就可以,不需要再次創建item的布局對象了,這樣便提高了性能。
-
使用ViewHolder重用:我們都知道在getView()方法中的操作是這樣的:先從xml中創建view對象(inflate操作,我們采用了重用convertView方法優化),然后在這個view去findViewById,找到每一個item的子View的控件對象,如:ImageView、TextView等。這里的findViewById操作是一個樹查找過程,也是一個耗時的操作,所以這里也需要優化,就是使用ViewHolder,把每一個item的子View控件對象都放在Holder中,當第一次創建convertView對象時,便把這些item的子View控件對象findViewById實例化出來并保存到ViewHolder對象中。然后用convertView的setTag將viewHolder對象設置到Tag中, 當以后加載ListView的item時便可以直接從Tag中取出復用ViewHolder對象中的,不需要再findViewById找item的子控件對象了。這樣便大大提高了性能。
image.png
既然ListView可以用重用機制優化性能,那么ViewPager能不能使用重用機制來優化性能?答案是可以的。
ListView的Adapter中的getView
方法有一個參數是ConvertView,我們利用它實現view重用,避免每次都inflate布局xml,但是ViewPager的pageAdapter既沒有getView方法也沒有convertView,那我們怎么實現View的復用呢?我們知道ViewPager有預加載機制,默認預加載當前頁的前后兩頁,而當切換到下一頁的時候,非當前頁及當前頁的左右兩頁的其他頁面都會被destroy掉,因此復用的思路就是構建一個View池,在頁面實例化的時候先判斷池子中是否有可用的view,如果有我們取出一個使用,否則就inflate一個,在頁面destory的時候我們把view放入池子中備用,這樣就避免了view的反復inflate,然后我們就可以仿照listview使用viewholder優化性能了,具體方法跟Listview中的一致,這里就不在贅述了,具體看代碼吧。
private Queue<View> viewPool = new LinkedList<>(); //View池
@Override public Object instantiateItem(ViewGroup container, int position) {
View view;
ViewHolder viewHolder;
//當池子中有存貨就復用,否則才inflate
if(viewPool.size() > 0){
view = viewPool.poll();
viewHolder = (ViewHolder) view.getTag();
}else{
view = inflater.inflate(R.layout.gallery_item, container, false);
viewHolder = new ViewHolder();
viewHolder.textView = ((TextView) view.findViewById(R.id.title));
viewHolder.imageView = ((ImageView) view.findViewById(R.id.imageview));
view.setTag(viewHolder);
}
viewHolder.textView.setText("Pager " + position);
viewHolder.imageView.setImageResource(PIC_RES[position]);
container.addView(view);
return view;
}
@Override public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
//將當前View加入到池子中
viewPool.offer((View) object);
}
//定義一個ViewHolder
class ViewHolder{
TextView textView;
ImageView imageView;
}