jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭祕(四)

Layout Manager(佈局管理)

佈局管理是通過在預設的(但也可自定義)佈局模式中安排頁面元素管理網絡應用中總體HTML頁面佈局的佈局控制

igLayoutManager通過依據選中的佈局在頁面中定位容器來達成它。控制可以被用於組織網頁頁面、以及單個頁面應用。

igLayoutManager是一個jQuery UI小部件,執行所有的佈局模式都是響應式和流動的,意味着佈局調整是基於瀏覽器事件的調整。

Tile Manager起初在2013v1版本是作爲CTP功能引入的,現在則是作爲最終RTM控制。

關鍵功能:

  • 效率和易用性——igLayoutManager是易用並且高效,足以替代食用表格或通過元素手動創建佈局。開發人員可以以數不盡的變幻完成最流行的網頁排版。
  • 自定義佈局——設計基於適合你需求的調整算法的流、邊界、垂直或列布局。
  • 交互網格——創建一個絕對定位的佈局可以交互式地在一個不可視的Tile Manager(如UI)中最小化和最大化。

Tile Manager(貼圖管理)

網頁向着爲終端用戶帶來更豐富的體驗進化着,不再拘泥於靜態的,甚至足以迎合高端用戶體驗的響應UI,基於新的LayoutManager控制,Tile Manager帶來一個友好親切的交互UI,這是通過給予開發人員在HTML中創建基於網格的佈局允許小部件被託管於定義的行或列。

Tile Manager起初在2013v1版本是作爲CTP功能引入的,現在則是作爲最終RTM控制。

關鍵功能:

  • Tile Layout(貼圖佈局)——明確安排貼圖於規整的列和行,就像網格面板一樣,或者甚至跨越多個行和列或者顯示它們爲一個數據綁定項目控制,自動創建一系列貼圖。
  • 基於狀態的自定義——定義不同的狀態和尺寸到你的並使它們在狀態改變於最大化和最小化之間時自動應用。

Ignite UI

網格

  • 列固定——CTP到RTM——我們已經在CTP期間擴展了列固定的功能。

Ignite UI

  • 當滾動CTP時按需加載——允許開發人員設置數據在用戶滾動或點擊“加載更多”按鈕的時候如何動態加載到網格。
  • jsRender整合——我們已經在igGrid中打開模板以囊括對流行開源庫jsRender的支持。

Ignite UI

  • 響應設計垂直列——響應igGrid可以在設置爲一個手機屏幕大小時自動渲染垂直列。

Ignite UI

  • igGrid/igHieracrhicalGrid選擇器——重新設計的外觀,以使它成爲終極觸屏網格體驗。

Ignite UI

瀏覽器歷史整合

當開發人員創建單頁應用並想要一個完整的用戶體驗時,操縱瀏覽器歷史就成了一個需求量極大的任務。Ignite UI控制它們的API和視覺,讓開發人員可以輕易整合,流行瀏覽器歷史框架,如history.js。

  • 豐富的事件環境允許開發人員獲得當前控制狀態信息並將其添加到瀏覽器歷史中。
  • 序列化當前狀態——要麼是在用戶的URL中要麼是在文件的序列化數據中。
  • 在所有Ignite UI控制中共同的設計原則允許創建應用設計和代碼的更好的結構。

地理空間圖

高密度散射系列——使用igMap控制的geographicHighDensityScatterSeries系列來綁定並顯示分散數據。

Ignite UI

新示例體驗

我們已經爲13.2完全重新設計了樣品體驗。有了徹底重寫的示例代碼瀏覽器,對於學習工具就更有幫助了,同時,還是一個漂亮的響應佈局。你使用Ignite UI的速度會更快。

Ignite UI


點擊下載Ignite UI

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章