App BuilderTM 的 12 月更新已发布，其中包含重大更新。 用户现在可以从集中位置高效管理所有应用程序变量，并受益于组件工具箱中包含的财务图表。 此更新还引入了适用于 Bootstrap 的新 Figma UI 套件，这是一项有价值的增强功能，为日期选择器组件添加了“值更改”交互事件。 此外，用户现在可以在配置基于 OpenAPI 的数据源时方便地选择所有端点，并修复了各种错误，以获得更流畅的体验。 

 

如果这是您第一次了解 App Builder，请让我快速分享为什么您应该将其视为您组织的应用程序开发过程中的关键工具：

• 可视化应用程序构建器 - 为产品经理、设计师、开发人员和利益相关者提供的统一平台。
• 基于云的所见即所得拖放工具可帮助公司设计和构建完整的业务应用程序，速度比以往快 80%。
• 一种低代码工具，可从 Figma 和 Sketch 设计中生成可用于生产的 Blazor 代码、Angular 代码和 Web 组件代码。

Infragistics 低代码应用程序生成器中的所有新鲜和令人兴奋的内容

财务图表

App Builder 工具箱中添加了一个新组件 - 金融图表，这是一个复合可视化图表，可在交互式时间序列显示中呈现股票行情数据或价格数据。 金融图表在时间序列 X 轴上显示一段时间内股票价格。 此外，此图表还显示了公司在可配置时间段内的股票代码数据信息，例如开盘价、最高价、最低价和收盘价 (OHLC)。

 

新的变量管理 UI

我们提供了一个工具箱部分来浏览/搜索应用程序中创建的变量。 工具箱部分允许用户创建和编辑变量，而无需取消选择他们当前选择的组件。 此外，工具箱状态独立于画布交互，并且本质上是在应用程序范围内的。 用户将能够在全局变量和局部变量之间切换。 局部变量将按视图上下文进行分组，以便清楚地传达局部变量的范围。

 

日期选择器新交互

为日期选择器组件添加了选择更改交互事件。 我们公开了 DatePicker 的组件 ValueChange 事件，其行为与网格的行选择更改和组合的选择更改类似。 此事件返回“设置变量”操作的源字段（值）的事件上下文。 这将使您能够在日期值更改时设置日期类型变量。

 

用于 Bootstrap 的 Figma UI 套件

我们的 Indigo.Design 系统新增了一个全新功能 - 用于 Bootstrap 的 Figma UI 套件。 探索新颖的设计可能性，打造您喜爱的时尚实用外观。 在 Figma 中轻松设计，使用我们的 WYSIWYG App Builder 生成代码，并使用我们的一体化平台从概念顺利过渡到开发。

 

不仅如此，我们的 Figma UI 套件刚刚重大升级到版本 1.4 – 向 Indigo.Design for Material 和 Indigo.Design for Fluent 问好！ 我们对一切进行了微调，以获得更好的设计氛围（查看“新增功能”部分）。

无论您喜欢 Material、Fluent 还是 Bootstrap – 这都是您的决定，我们拥有一切。 如果您已准备好开始您的设计之旅，请立即开始使用 Indigo.Design 和 App Builder！

其他改进

添加了在配置基于 OpenAPI 的数据源时选择所有端点的选项。

该演示使用 Infragistics 的 Northwind Swagger

 

值得一提的是，App Builder 现在使用最新的 Ignite UI for Angular 16.1.11 版本。