TWaver - 專注UI技術

          http://twaver.servasoft.com/
          posts - 171, comments - 191, trackbacks - 0, articles - 2
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          Autolayout性能優化

          Posted on 2014-09-03 11:07 TWaver 閱讀(3106) 評論(1)  編輯  收藏

          客戶的需求就是我們進步的動力。
          最近有客戶提出大數據量Topo圖的自動布局問題,在Topo中除了Node、Link,還包括Group、Subnetwork等容器組件。在這樣的情況下,我們拋開布局算法不談,主要分析如何提高布局的性能,如何讓TWaver能夠支持更強大的數據量,讓整體的布局效果更人性化。
          首先我們應該去發現問題的根源,當TWaver支持大數據量時候,布局效果不佳,那么我們PC都在做什么呢,“它的時間都去哪了呢”?
          不難發現,當我們創建N個節點的時候,TWaver會不斷的刷新和繪制這些節點,其中最耗時間的莫過于DrawImage,因為每個節點Default情況下都有個默認的Image(當然vector情況下例外)。可見,我們PC的時間都花在DrawIamge上面了,從而影響了整體的性能。
          那么如何解決這個問題呢?
          其實也很簡單,大數據量的布局,overView情況下,我們很難看清晰每個節點,那么既然看不清的節點我們為什么還花費大量的時間去認真的繪制它呢?想想是這樣吧,只要當zoom值小于某個threshold,我們就用vector的圖形(Rect或者Cicle)代替節點,既提高了性能,而且也提高了視覺享受。來看看這樣布局的效果。
                                                                               圖1 所有的Group都合并                                                                      圖2 所有的Group均展開                                                                       圖3 不斷放大(zoom<threshold)

                                                                                圖4 熟悉的面孔出現了(zoom>=threshold)
          算法的改進還有很多,比如我們也可以在zoom值很小的時候放棄繪制attachment等等。
          經過不斷測試,這樣的方法的確使得布局效果有一定的改善,當然更大的改善還需要布局位置的計算算法和顯示的算法相結合,這樣才能達到更佳的效果。


          評論

          # re: Autolayout性能優化  回復  更多評論   

          2014-09-04 11:26 by 連衣裙
          恩 學習到了 支持樓主一下

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 金阳县| 明光市| 承德市| 河间市| 图木舒克市| 威远县| 南和县| 喜德县| 射洪县| 宝鸡市| 武乡县| 东乌珠穆沁旗| 开鲁县| 南康市| 调兵山市| 青冈县| 洪洞县| 图们市| 赤城县| 上饶市| 崇义县| 开化县| 瑞昌市| 樟树市| 漾濞| 镇坪县| 丹寨县| 舟山市| 拉萨市| 财经| 福贡县| 宿松县| 昌都县| 封开县| 芷江| 仙游县| 天门市| 宝丰县| 仁怀市| 天全县| 隆子县|