egret:利用ArrayCollection+ list 實現列表渲染優化


一、為什么要優化?

  當界面要展示滑動一個列表時,一般可以采用scroller+group的組合,將每一個綁定數據的item創建出來並添加進group中就可以了,即有多少條數據就創建多少個實例。

  但是,當數據很大,甚至上千條時就會出現卡頓現象,打開data-show-fps可以查看draw數值,如果看到它已達到危險范圍,就意味着需要優化了,盡量控制數值在安全范圍(500以下)。

二、官方提示:

 

三、優化方法

  根據官方提示,可得出優化方法。

  1.直接使用list控件,將list置於scroller的直接子集(必須是直接子集),

  2.將item模板繼承於eui.ItemRenderer,

  3.再將獲取到的list數據綁定到list控件上,設置useVirtualLayout屬性值為true,

  4.最后一步,使用ItemRenderer的dataChanged方法。dataChanged方法在ItemRenderer對象更新數據(data)時調用。

  可以看到效果:兩百多條數據,優化之前的draw值為1000以上,優化后降到了392。

 

 

 

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM