jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭祕（二）

Ignite UI框架新功能

• 兼容jQuery 2.0。
• 瀏覽器歷史記錄支持整合開源history.js庫。
• 在觸屏設備上爲全部Ignite UI組件執行「fast click」功能，以消除內置瀏覽器延遲。
• 包含全部UI小工具的TypeScript類型定義文件。
• MVC5兼容全部控制。
• 更新Ignite UI Starter MVC Project。
• Script Combiner（腳本組合器）應允對向瀏覽器發送的腳本&CSS包裹進行更多精細控制。
• 更新控制配置器。

Radial Gauge(徑向計量器)

• 徹底可配置的徑向範圍——徑向計量器讓你控制範圍、主要/次要刻度線、標籤、顏色範圍和掃描方向的開始和結束爲止。你能夠建立全360°範圍，或者180°，90°，45°及其它自定義值。
• 徹底可配置指針——徑向計量器讓你控制指針的各類屬性，包括指針顏色、長度等等。
• 徹底可配置背景——徑向計量器支持能夠被配置爲顯示任何自定義圖像。你還能夠控制背景透明度、計量器邊緣顏色、形狀等。
• 動態框架動畫支持——徑向計量器控制支持配置狀態中的動畫轉換。你能夠經過設置控制動畫速度。

Linear Gauge(線性計量器）

線性計量器提供基本數值的簡明視圖。

 

關鍵功能：

• 徹底可配置範圍——線性計量器控制讓你控制範圍、主要/次要刻度線、標籤、顏色範圍和掃描方向的開始和結束爲止。
• 方向——能夠定爲垂直或水平。
• 徹底可配置指針——線性計量器讓你控制指針的各類屬性，包括指針顏色、長度等等。
• 動態框架動畫支持——線性計量器控制支持配置狀態中的動畫轉換。你能夠經過設置控制動畫速度。
• 支持工具提示——igLinearGauge內置工具提示展現了指針值，對應於各自不一樣的範圍。它們一開始就依據控制的默認外觀而定型，但它們的外觀能夠經過模板自定義。

BulletGraph（項目符號圖）

igBulletGraph是jQuery UI控制支持呈BulletGraph形式的虛擬化數據。它提供簡明的基本尺寸。

igBulletGraph讓你可以建立極富吸引力的數據報告。

關鍵功能：

• 可配置方向——igBulletGraph控制暴露一個API來設置其範圍的方向，由此圖的外觀能夠輕鬆自定義。
• 可配置視覺元素——BulletGraph的每一個視覺元素均可以配置到幾個方面，諸如對比標記、刻度線、範圍、標籤、邊界、背景、標題等等。
• 動畫轉換——igBulletGraph控制經過其TransitionDuration屬性對動畫提供內置支持。動畫效果出如今加載控制以及其任意屬性值發生改變的時候。

QR碼

QR碼控制爲你的網絡應用（igQRCodeBarcode）生成QR（快速響應）碼圖像。該控制支持行業標準編碼並有一些優化尺寸、定位和QR碼可讀性的選項。igQRCodeBarcode控制可用QR-code-specific來配置。

關鍵功能：

• 可配置編碼模式——igQRCodeBarcode控制可以對大量的字符進行編碼。該控制還能從默認UTF-8之外的字符集進行數據編碼。
• 可配置錯誤校訂——若是碼被損壞或污染，igQRCodeBarcode控制能恢復編碼數據。
• 可配置尺寸——igQRCodeBarcode控制容許經過選擇適當的大小指定其模塊數量。
• 款式——igQRCodeBarcode得益於可配置的背景和邊界顏色以及厚度。

環形圖

環形圖——就像餅狀圖——主要用於以百分比表述的統計。二者都由分割成諸多截面的圓形區域構成，每一個截面都有因其所表明的的數據值而不一樣的弧長比例。二者均用於呈現分類數據。當只有幾個分類，而每一個分類構成相應大小的百分比，使之加起來等於整個數據時，它就是最有效的表現方法。

餅狀圖和環形圖主要的區別在於後者有一個「洞」或「空心」，而且很具表明性地展示多個系列。給定數據是經過一個圍繞在「洞」周圍的圓環呈現的，而給定圓環中數據的總和爲100%。這些圓環同心分佈，每一個環都表明一個數據系列。

環形圖控制在Ignite v13.1中已被引入做爲CTP控制，如今在v13.2中則是做爲最終RTM控制。

關鍵功能：

• 多環系列與數據綁定——環形圖支持一個或多個環環繞於中心。中心能夠是一個「空白圓」或者包含一個標籤。中心並不表明數據。每一個環表明一個單獨的數據系列。
• 可配置內徑——開發人員能夠得到中心座標，而內環半徑安置其它HTML元素或展現他們所選擇的任何圖像。
• 切片/截面標籤——環形圖容許開發人員控制每一個切片或截面如何被標記。
• 切片選擇/切片爆炸——運行用戶選擇切片並改變選中的切片顏色。爆炸的切片段開鏈接並離開遠點，離開的舉例是經過一個可配置屬性控制的。切片能夠以編程方式或經過觸屏及鼠標手勢被選中或爆炸。
• 「其它」類——任何環形圖所表明的數據一般包含小值零碎項目，經過單獨的切片沒法得到顯著效果。對於這種狀況，「其它」類容許幾個數據值自動彙集到一個單個切片中。開發人員能夠設置閾值分離來決定其去向。

---

點擊下載Ignite UI