天天看點

Listview優化

           在整理前幾篇文章的時候有朋友提出寫一下ListView的性能優化方面的東西,這個問題也是小馬在面試過程中被别人問到的…..今天小馬就借此機會來整理下,網上類似的資料蠻多的,倒不如自己寫一篇,記錄在這個地方,供自己以後使用,不用再翻來翻去的找了,用自己寫的…呵呵,不多講其它了,說起優化我想大家第一反應跟小馬一樣吧?想到利用ViewHolder來優化ListView資料加載,僅僅就此一條嗎?其實不是的,首先,想要優化ListView就得先了解ListView加載資料原理,這是前提,但是小馬在這個地方先做一些簡單的補充,大家一定仔細看下,保證會有收獲的:

ListVeiw:  用來展示清單的View。

擴充卡 : 用來把資料映射到ListView上

資料:    具體的将被映射的字元串,圖檔,或者基本元件。 

           根據清單的擴充卡類型,清單分為三種,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter,這三種擴充卡的使用大家可學習下官網上面的使用或者自行百度谷歌,一堆DEMO!!!其中以ArrayAdapter最為簡單,隻能展示一行字。SimpleAdapter有最好的擴充性,可以自定義出各種效果。SimpleCursorAdapter可以認為是SimpleAdapter對資料庫的簡單結合,可以友善的把資料庫的内容以清單的形式展示出來。

           系統要繪制ListView了,他首先用getCount()函數得到要繪制的這個清單的長度,然後開始繪制第一行,怎麼繪制呢?調用getView()函數。在這個函數裡面首先獲得一個View(這個看實際情況,如果是一個簡單的顯示則是View,如果是一個自定義的裡面包含很多控件的時候它其實是一個ViewGroup),然後再執行個體化并設定各個元件及其資料内容并顯示它。好了,繪制完這一行了。那 再繪制下一行,直到繪完為止,前面這些東西做下鋪墊,繼續…….

           現在我們再來了解ListView加載資料的原理,有了這方面的了解後再說優化才行,下面先跟大家一起來看下ListView加載資料的基本原理小馬就直接寫了:

                 ListView 針對每個item,要求 adapter “傳回一個視圖” (getView),也就是說ListView在開始繪制的時候,系統首先調用getCount()函數,根據他的傳回值得到ListView的長度,然後根據這個長度,調用getView()一行一行的繪制ListView的每一項。如果你的getCount()傳回值是0的話,清單一行都不會顯示,如果傳回1,就隻顯示一行。傳回幾則顯示幾行。如果我們有幾千幾萬甚至更多的item要顯示怎麼辦?為每個Item建立一個新的View?不可能!!!實際上Android早已經緩存了這些視圖,大家可以看下下面這個截圖來了解下,這個圖是解釋ListView工作原理的最經典的圖了大家可以收藏下,不懂的時候拿來看看,加深了解,其實Android中有個叫做Recycler的構件,順帶列舉下與Recycler相關的已經由Google做過N多優化過的東東比如:AbsListView.RecyclerListener、ViewDebug.RecyclerTraceType等等,要了解的朋友自己查下,不難了解,下圖是ListView加載資料的工作原理(原理圖看不清楚的點選後看大圖):

如果你有幾千幾萬甚至更多的選項(item)時,其中隻有可見的項目存在記憶體(記憶體記憶體哦,說的優化就是說在記憶體中的優化!!!)中,其他的在Recycler中

ListView先請求一個type1視圖(getView)然後請求其他可見的項目。convertView在getView中是空(null)的

當item1滾出螢幕,并且一個新的項目從螢幕低端上來時,ListView再請求一個type1視圖。convertView此時不是空值了,它的值是item1。你隻需設定新的資料然後傳回convertView,不必重新建立一個視圖

             下面來看下小馬從網上找來的示例代碼,網址搞丢了,隻有一個word文檔,隻能 copy過來,不然直接貼網址,結合上面的原理圖一起加深了解,如下:

view source

<code>01</code>

<code>public</code> <code>class</code> <code>MultipleItemsList</code><code>extends</code> <code>ListActivity {</code>

<code>02</code>

<code> </code> 

<code>03</code>

<code>    </code><code>private</code> <code>MyCustomAdapter mAdapter;</code>

<code>04</code>

<code>05</code>

<code>    </code><code>@Override</code>

<code>06</code>

<code>    </code><code>public</code> <code>void</code> <code>onCreate(Bundle savedInstanceState) {</code>

<code>07</code>

<code>        </code><code>super</code><code>.onCreate(savedInstanceState);</code>

<code>08</code>

<code>        </code><code>mAdapter =</code><code>new</code> <code>MyCustomAdapter();</code>

<code>09</code>

<code>        </code><code>for</code> <code>(</code><code>int</code> <code>i =</code><code>0</code><code>; i &lt;</code><code>50</code><code>; i++) {</code>

<code>10</code>

<code>            </code><code>mAdapter.addItem(</code><code>"item "</code> <code>+ i);</code>

<code>11</code>

<code>        </code><code>}</code>

<code>12</code>

<code>        </code><code>setListAdapter(mAdapter);</code>

<code>13</code>

<code>    </code><code>}</code>

<code>14</code>

<code>15</code>

<code>    </code><code>private</code> <code>class</code> <code>MyCustomAdapter</code><code>extends</code> <code>BaseAdapter {</code>

<code>16</code>

<code>17</code>

<code>        </code><code>private</code> <code>ArrayList mData =</code><code>new</code> <code>ArrayList();</code>

<code>18</code>

<code>        </code><code>private</code> <code>LayoutInflater mInflater;</code>

<code>19</code>

<code>20</code>

<code>        </code><code>public</code> <code>MyCustomAdapter() {</code>

<code>21</code>

<code>            </code><code>mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);</code>

<code>22</code>

<code>23</code>

<code>24</code>

<code>        </code><code>public</code> <code>void</code> <code>addItem(</code><code>final</code> <code>String item) {</code>

<code>25</code>

<code>            </code><code>mData.add(item);</code>

<code>26</code>

<code>            </code><code>notifyDataSetChanged();</code>

<code>27</code>

<code>28</code>

<code>29</code>

<code>        </code><code>@Override</code>

<code>30</code>

<code>        </code><code>public</code> <code>int</code> <code>getCount() {</code>

<code>31</code>

<code>            </code><code>return</code> <code>mData.size();</code>

<code>32</code>

<code>33</code>

<code>34</code>

<code>35</code>

<code>        </code><code>public</code> <code>String getItem(</code><code>int</code> <code>position) {</code>

<code>36</code>

<code>            </code><code>return</code> <code>mData.get(position);</code>

<code>37</code>

<code>38</code>

<code>39</code>

<code>40</code>

<code>        </code><code>public</code> <code>long</code> <code>getItemId(</code><code>int</code> <code>position) {</code>

<code>41</code>

<code>            </code><code>return</code> <code>position;</code>

<code>42</code>

<code>43</code>

<code>44</code>

<code>45</code>

<code>        </code><code>public</code> <code>View getView(</code><code>int</code> <code>position, View convertView, ViewGroup parent) {</code>

<code>46</code>

<code>            </code><code>System.out.println(</code><code>"getView "</code> <code>+ position +</code><code>" "</code> <code>+ convertView);</code>

<code>47</code>

<code>            </code><code>ViewHolder holder =</code><code>null</code><code>;</code>

<code>48</code>

<code>            </code><code>if</code> <code>(convertView ==</code><code>null</code><code>) {</code>

<code>49</code>

<code>                </code><code>convertView = mInflater.inflate(R.layout.item1,</code><code>null</code><code>);</code>

<code>50</code>

<code>                </code><code>holder =</code><code>new</code> <code>ViewHolder();</code>

<code>51</code>

<code>                </code><code>holder.textView = (TextView)convertView.findViewById(R.id.text);</code>

<code>52</code>

<code>                </code><code>convertView.setTag(holder);</code>

<code>53</code>

<code>            </code><code>}</code><code>else</code> <code>{</code>

<code>54</code>

<code>                </code><code>holder = (ViewHolder)convertView.getTag();</code>

<code>55</code>

<code>            </code><code>}</code>

<code>56</code>

<code>            </code><code>holder.textView.setText(mData.get(position));</code>

<code>57</code>

<code>            </code><code>return</code> <code>convertView;</code>

<code>58</code>

<code>59</code>

<code>60</code>

<code>61</code>

<code>62</code>

<code>    </code><code>public</code> <code>static</code> <code>class</code> <code>ViewHolder {</code>

<code>63</code>

<code>        </code><code>public</code> <code>TextView textView;</code>

<code>64</code>

<code>65</code>

<code>}</code>

執行程式,檢視日志:

getView 被調用 9 次 ,convertView 對于所有的可見項目是空值(如下):

然後稍微向下滾動List,直到item10出現:

convertView仍然是空值,因為recycler中沒有視圖(item1的邊緣仍然可見,在頂端)再滾動清單,繼續滾動:

convertView不是空值了!item1離開螢幕到Recycler中去了,然後item11被建立,再滾動下:

          此時的convertView非空了,在item11離開螢幕之後,它的視圖(…0f8)作為convertView容納item12了,好啦,結合以上原理,下面來看看今天最主要的話題,主角ListView的優化:

             首先,這個地方先記兩個ListView優化的一個小點:

                       1. ExpandableListView 與 ListActivity 由官方提供的,裡面要使用到的ListView是已經經過優化的ListView,如果大家的需求可以用Google自帶的ListView滿足的的話盡量用官方的,絕對沒錯!

                       2.其次,像小馬前面講的,說ListView優化,其實并不是指其它的優化,就是記憶體是的優化,提到記憶體…(想到OOM,折騰了我不少時間),很多很多,先來寫下,如果我們的ListView中的選項僅僅是一些簡單的TextView的話,就好辦啦,消耗不了多少的,但如果你的Item是自定義的Item的話,例如你的自定義Item布局ViewGroup中包含:按鈕、圖檔、flash、CheckBox、RadioButton等一系列你能想到的控件的話, 你要在getView中單單使用文章開頭提到的ViewHolder是遠遠不夠的,如果資料過多,加載的圖檔過多過大,你BitmapFactory.decode的猛多的話,OOM搞死你,這個地方再警告下大家,是警告……….也提醒下自己:

                         小馬碰到的問題大家應該也都碰到過的,自定義的ListView項亂序問題,我很天真的在getView()中強制清除了下ListView的緩存資料convertView,也就是convertView = null了,雖然當時是解決了這個問題讓其它每次重繪,但是犯了大錯了,如果資料太多的話,出現最最惡心的錯,手機卡死或強制關機,關機啊哥哥們……O_O,客戶殺了我都有可能,但大家以後别犯這樣的錯了,單單使用清除緩存convertView是解決不了實際問題的,繼續……

下面是小記:圖檔用完了正确的釋放… 

<code>1</code>

<code>if</code><code>(!bmp.isRecycle() ){</code>

<code>2</code>

<code>         </code><code>bmp.recycle()  </code><code>//回收圖檔所占的記憶體</code>

<code>3</code>

<code>         </code><code>system.gc() </code><code>//提醒系統及時回收</code>

<code>4</code>

 ViewHolder   Tag 必不可少,這個不多說!

如果自定義Item中有涉及到圖檔等等的,一定要狠狠的處理圖檔,圖檔占的記憶體是ListView項中最惡心的,處理圖檔的方法大緻有以下幾種:

2.1:不要直接拿個路徑就去循環decodeFile();這是找死….用Option儲存圖檔大小、不要加載圖檔到記憶體去;

2.2:  拿到的圖檔一定要經過邊界壓縮

2.3:在ListView中取圖檔時也不要直接拿個路徑去取圖檔,而是以WeakReference(使用WeakReference代替強引用。比如可以使        用WeakReference&lt;Context&gt; mContextRef)、SoftReference、WeakHashMap等的來存儲圖檔資訊,是圖檔資訊不是圖檔哦!

2.4:在getView中做圖檔轉換時,産生的中間變量一定及時釋放,用以下形式:

盡量避免在BaseAdapter中使用static 來定義全局靜态變量,我以為這個沒影響 ,這個影響很大,static是Java中的一個關鍵字,當用它來修飾成員變量時,那麼該變量就屬于該類,而不是該類的執行個體。是以用static修飾的變量,它的生命周期是很長的,如果用它來引用一些資源耗費過多的執行個體(比如Context的情況最多),這時就要盡量避免使用了..

如果為了滿足需求下必須使用Context的話:Context盡量使用Application Context,因為Application的Context的生命周期比較長,引用它不會出現記憶體洩露的問題

盡量避免在ListView擴充卡中使用線程,因為線程産生記憶體洩露的主要原因在于線程生命周期的不可控制

 記下小馬自己的錯誤:

             之前使用的自定義ListView中适配資料時使用AsyncTask自行開啟線程的,這個比用Thread更危險,因為Thread隻有在run函數不 結束時才出現這種記憶體洩露問題,然而AsyncTask内部的實作機制是運用了線程執行池(ThreadPoolExcutor,要想了解這個類的話大家加下我們的Android開發群五号,因為其它群的存儲空間快滿了,是以隻上傳到五群裡了,看下小馬上傳的Gallery源碼,你會對線程執行池、軟、弱、強引用有個更深入的認識),這個類産生的Thread對象的生命周期是不确定的,是應用程式無法控制的,是以如果AsyncTask作為Activity的内部類,就更容易出現記憶體洩露的問題。這個問題的解決辦法小馬當時網上查到了記在txt裡了,如下: 

6.1:将線程的内部類,改為靜态内部類。

6.2:線上程内部采用弱引用儲存Context引用

示例代碼如下:

<code>public</code> <code>abstract</code> <code>class</code> <code>WeakAsyncTask&lt;Params, Progress, Result, WeakTarget&gt;</code><code>extends</code>

<code>            </code><code>AsyncTask&lt;Params, Progress, Result&gt; {</code>

<code>        </code><code>protected</code> <code>WeakReference&lt;WeakTarget&gt; mTarget;  </code>

<code>        </code><code>public</code> <code>WeakAsyncTask(WeakTarget target) {</code>

<code>            </code><code>mTarget =</code><code>new</code> <code>WeakReference&lt;WeakTarget&gt;(target);</code>

<code>        </code><code>}  </code>

<code>        </code><code>/** {@inheritDoc} */</code>

<code>        </code><code>protected</code> <code>final</code> <code>void</code> <code>onPreExecute() {</code>

<code>            </code><code>final</code> <code>WeakTarget target = mTarget.get();</code>

<code>            </code><code>if</code> <code>(target !=</code><code>null</code><code>) {</code>

<code>                </code><code>this</code><code>.onPreExecute(target);</code>

<code>        </code><code>protected</code> <code>final</code> <code>Result doInBackground(Params... params) {</code>

<code>                </code><code>return</code> <code>this</code><code>.doInBackground(target, params);</code>

<code>                </code><code>return</code> <code>null</code><code>;</code>

<code>        </code><code>protected</code> <code>final</code> <code>void</code> <code>onPostExecute(Result result) {</code>

<code>                </code><code>this</code><code>.onPostExecute(target, result);</code>

<code>        </code><code>protected</code> <code>void</code> <code>onPreExecute(WeakTarget target) {</code>

<code>            </code><code>// No default action</code>

<code>        </code><code>protected</code> <code>abstract</code> <code>Result doInBackground(WeakTarget target, Params... params);  </code>

<code>        </code><code>protected</code> <code>void</code> <code>onPostExecute(WeakTarget target, Result result) {</code>

繼續閱讀