返回博客首页
← 所有文章

Telerik UI for NativeScript 预览版 3 发布

2015 年 12 月 18 日 — 作者：Deyan Ginev
Views.png

概述：版本内容

Telerik UI for NativeScript刚刚更新，引入了全新的日历组件，以及图表 和列表视图组件中的几个主要功能，以及大量修复和改进。

立即安装！

以下是插件最新版本中包含的内容简要列表：

日历

RadCalendar 是一个基于已成熟的 RadCalendarView for Android 和 TKCalendar for iOS 的控件。RadCalendar for NativeScript 建立在这些控件之上，继承了用作许多现代移动应用程序构建块的熟悉且强大的功能。

以下是一些亮点

选择模式
您可以从 4 种不同的选择模式中进行选择：

  • 无 - 禁用整个日历的选择功能。

  • 单选 - 每次只能选择一个日期。

  • 多选 - 您可以根据需要选择任意多个日期，这些日期不需要连续。点击已选日期将自动取消选择。

  • 范围 - 您可以通过点击第一个日期，然后点击所需范围的最后一个日期来选择日期范围：


calendar_range_selection.png

事件源

RadCalendar 支持将事件显示为其数据源的一部分。事件由CalendarEvent结构表示，该结构提供可设置的标题、开始和结束日期以及事件是否为全天事件的指示。

calendar_events.png

图表

RadCartesianChart 和 RadPieChart 在几个方面得到了改进。

注释
我们添加了注释，您可以使用它们来突出显示绘图上的某些区域。它们可以用作特定值的标记。我们支持两种类型的注释： 网格线和 绘图区域注释。使用样式选项，您可以设置 Z 位置和笔划宽度、颜色以及用于绘制的虚线图案。

选择
您可以通过启用 选择使图表更具交互性。在这种情况下，您可以选择、取消选择和处理数据点或系列的选择事件。您可以为图表指定单选或多选，还可以另外设置是否应选择整个系列或仅选择数据点。可以处理一些事件：

- seriesSelected，seriesDeselected - 在（取消）选择任何系列时触发
- pointSelected，pointDeselected - 在（取消）选择系列的任何数据点时触发

平移和缩放
如果您需要一个允许您放大/缩小以获得更细粒度值的图表，您可以通过设置水平或垂直轴的相应属性来启用缩放和平移行为： allowZoom， allowPan。有两个新的事件会通知您平移和缩放操作： chartZoomed 和 chartPanned。

我们添加了用于设置点标签样式的新属性。现在您可以设置自定义字体、文本格式、文本颜色和大小。

列表视图

RadListView 提供了一个用于管理选择的新 API。现在，您可以以编程方式选择、取消选择和查询所有选定的项目。以下方法是 Telerik UI for NativeScript 最新版本中 RadListView 组件的一部分：

- isItemSelected(item):boolean
- selectAll()
- deselectAll()
- getSelectedItems():Array<>
- selectItemAt(index)
- deselectItemAt(index)

此外，您现在可以阻止所有 UI 更新并在源集合上执行批处理数据操作，而无需担心性能问题，这要归功于 RadListView 公开的几个新方法。

- suspendUpdates()
- resumeUpdates(refresh)
- updatesSuspended():boolean

使用 suspendUpdates 您可以指示 RadListView 停止跟踪源集合更改，直到 resumeUpdates 被调用后。调用resumeUpdates时，您还可以通过使用相应的参数请求 UI 刷新。如果在没有后续resumeUpdates调用的情况下调用了suspendUpdates，则updatesSuspended将返回 true。

探索代码

有几种方法可以更深入地了解新的 API。我们已经更新了我们的 SDK 示例 并且还使官方 NativeScript 演示应用程序 （仍处于 BETA 阶段）的源代码在 GitHub 上公开可用。 在线文档网站 也已更新，涵盖所有功能并提供源代码示例。

正式发布计划

我们相信当前的版本足够稳定，可以用于商业应用程序，因为它们重用了 iOS 和 Android 的成熟原生组件。我们计划在 2016 年 3 月正式发布组件套件。在此之前，如果您需要客户支持，请联系 Telerik 论坛，团队将帮助提供上线版本并回答您可能遇到的任何技术问题。

请与您的 Twitter 粉丝分享此消息！.