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