Ignite UI框架新功能
-
兼容jQuery 2.0。
-
瀏覽器歷史記錄支持整合開(kāi)源history.js庫(kù)。
-
在觸屏設(shè)備上為所有Ignite UI組件執(zhí)行“fast click”功能,以消除內(nèi)置瀏覽器延遲。
-
包含所有UI小工具的TypeScript類(lèi)型定義文件。
-
MVC5兼容所有控制。
-
更新Ignite UI Starter MVC Project。
-
Script Combiner(腳本組合器)應(yīng)允對(duì)向?yàn)g覽器發(fā)送的腳本&CSS包裹進(jìn)行更多精細(xì)控制。
-
更新控制配置器。

Radial Gauge(徑向計(jì)量器)
-
完全可配置的徑向范圍——徑向計(jì)量器讓你控制范圍、主要/次要刻度線、標(biāo)簽、顏色范圍和掃描方向的開(kāi)始和結(jié)束為止。你可以創(chuàng)建全360°范圍,或者180°,90°,45°及其它自定義值。
-
完全可配置指針——徑向計(jì)量器讓你控制指針的各種屬性,包括指針顏色、長(zhǎng)度等等。
-
完全可配置背景——徑向計(jì)量器支持可以被配置為顯示任何自定義圖像。你還可以控制背景透明度、計(jì)量器邊緣顏色、形狀等。
-
動(dòng)態(tài)框架動(dòng)畫(huà)支持——徑向計(jì)量器控制支持配置狀態(tài)中的動(dòng)畫(huà)轉(zhuǎn)換。你可以通過(guò)設(shè)置控制動(dòng)畫(huà)速度。

Linear Gauge(線性計(jì)量器)
線性計(jì)量器提供基本數(shù)值的簡(jiǎn)明視圖。

關(guān)鍵功能:
-
完全可配置范圍——線性計(jì)量器控制讓你控制范圍、主要/次要刻度線、標(biāo)簽、顏色范圍和掃描方向的開(kāi)始和結(jié)束為止。
-
方向——可以定為垂直或水平。
-
完全可配置指針——線性計(jì)量器讓你控制指針的各種屬性,包括指針顏色、長(zhǎng)度等等。
-
動(dòng)態(tài)框架動(dòng)畫(huà)支持——線性計(jì)量器控制支持配置狀態(tài)中的動(dòng)畫(huà)轉(zhuǎn)換。你可以通過(guò)設(shè)置控制動(dòng)畫(huà)速度。
-
支持工具提示——igLinearGauge內(nèi)置工具提示展示了指針值,對(duì)應(yīng)于各自不同的范圍。它們一開(kāi)始就依據(jù)控制的默認(rèn)外觀而定型,但它們的外觀可以通過(guò)模板自定義。

BulletGraph(項(xiàng)目符號(hào)圖)
igBulletGraph是jQuery UI控制支持呈BulletGraph形式的虛擬化數(shù)據(jù)。它提供簡(jiǎn)明的基本尺寸。

igBulletGraph讓你能夠創(chuàng)建極富吸引力的數(shù)據(jù)報(bào)告。
關(guān)鍵功能:
-
可配置方向——igBulletGraph控制暴露一個(gè)API來(lái)設(shè)置其范圍的方向,由此圖的外觀可以輕松自定義。
-
可配置視覺(jué)元素——BulletGraph的每個(gè)視覺(jué)元素都可以配置到幾個(gè)方面,諸如對(duì)比標(biāo)記、刻度線、范圍、標(biāo)簽、邊界、背景、標(biāo)題等等。
-
動(dòng)畫(huà)轉(zhuǎn)換——igBulletGraph控制通過(guò)其TransitionDuration屬性對(duì)動(dòng)畫(huà)提供內(nèi)置支持。動(dòng)畫(huà)效果出現(xiàn)在加載控制以及其任意屬性值發(fā)生改變的時(shí)候。
QR碼
QR碼控制為你的網(wǎng)絡(luò)應(yīng)用(igQRCodeBarcode)生成QR(快速響應(yīng))碼圖像。該控制支持行業(yè)標(biāo)準(zhǔn)編碼并有一些優(yōu)化尺寸、定位和QR碼可讀性的選項(xiàng)。igQRCodeBarcode控制可用QR-code-specific來(lái)配置。

關(guān)鍵功能:
-
可配置編碼模式——igQRCodeBarcode控制能夠?qū)Υ罅康淖址M(jìn)行編碼。該控制還能從默認(rèn)UTF-8以外的字符集進(jìn)行數(shù)據(jù)編碼。
-
可配置錯(cuò)誤校正——如果碼被損壞或污染,igQRCodeBarcode控制能恢復(fù)編碼數(shù)據(jù)。
-
可配置尺寸——igQRCodeBarcode控制允許通過(guò)選擇適當(dāng)?shù)拇笮≈付ㄆ淠K數(shù)量。
-
款式——igQRCodeBarcode得益于可配置的背景和邊界顏色以及厚度。
環(huán)形圖
環(huán)形圖——就像餅狀圖——主要用于以百分比表述的統(tǒng)計(jì)。兩者都由分割成諸多截面的圓形區(qū)域構(gòu)成,每個(gè)截面都有因其所代表的的數(shù)據(jù)值而不同的弧長(zhǎng)比例。兩者均用于呈現(xiàn)分類(lèi)數(shù)據(jù)。當(dāng)只有幾個(gè)分類(lèi),而每個(gè)分類(lèi)構(gòu)成相應(yīng)大小的百分比,使之加起來(lái)等于整個(gè)數(shù)據(jù)時(shí),它就是最有效的表現(xiàn)方法。
餅狀圖和環(huán)形圖主要的區(qū)別在于后者有一個(gè)“洞”或“空心”,并且很具代表性地展現(xiàn)多個(gè)系列。給定數(shù)據(jù)是通過(guò)一個(gè)圍繞在“洞”周?chē)膱A環(huán)呈現(xiàn)的,而給定圓環(huán)中數(shù)據(jù)的總和為100%。這些圓環(huán)同心分布,每個(gè)環(huán)都代表一個(gè)數(shù)據(jù)系列。
環(huán)形圖控制在Ignite v13.1中已被引入作為CTP控制,現(xiàn)在在v13.2中則是作為最終RTM控制。
關(guān)鍵功能:
-
多環(huán)系列與數(shù)據(jù)綁定——環(huán)形圖支持一個(gè)或多個(gè)環(huán)環(huán)繞于中心。中心可以是一個(gè)“空白圓”或者包含一個(gè)標(biāo)簽。中心并不代表數(shù)據(jù)。每個(gè)環(huán)代表一個(gè)單獨(dú)的數(shù)據(jù)系列。
-
可配置內(nèi)徑——開(kāi)發(fā)人員可以獲得中心坐標(biāo),而內(nèi)環(huán)半徑安置其它HTML元素或展示他們所選擇的任何圖像。
-
切片/截面標(biāo)簽——環(huán)形圖允許開(kāi)發(fā)人員控制每個(gè)切片或截面如何被標(biāo)記。
-
切片選擇/切片爆炸——運(yùn)行用戶選擇切片并改變選中的切片顏色。爆炸的切片斷開(kāi)連接并離開(kāi)遠(yuǎn)點(diǎn),離開(kāi)的舉例是通過(guò)一個(gè)可配置屬性控制的。切片可以以編程方式或通過(guò)觸屏及鼠標(biāo)手勢(shì)被選中或爆炸。
-
“其它”類(lèi)——任何環(huán)形圖所代表的數(shù)據(jù)通常包含小值零碎項(xiàng)目,通過(guò)單獨(dú)的切片無(wú)法獲得顯著效果。對(duì)于這種情況,“其它”類(lèi)允許幾個(gè)數(shù)據(jù)值自動(dòng)聚集到一個(gè)單個(gè)切片中。開(kāi)發(fā)人員可以設(shè)置閾值分離來(lái)決定其去向。
點(diǎn)擊下載Ignite UI
標(biāo)簽:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)