Ultimate 20.1新增功能

Ultimate 20.1建立在四個關(guān)鍵主題上：

•在Angular，React，Web組件和ASP.NET Core中提供創(chuàng)新和新體驗

•Windows窗體和WPF對.Net Core 3.1的支持

•使用更新的Indigo.Design進行從設(shè)計到編碼的超生產(chǎn)力

•使用Xamarin進行跨平臺移動開發(fā)

讓我們更詳細地研究這些領(lǐng)域。

現(xiàn)代網(wǎng)絡(luò)開發(fā)

Infragistics繼續(xù)在當(dāng)今對web開發(fā)人員最重要的平臺上進行創(chuàng)新：

•Angular

•React

•Web組件

隨著20.1版本的發(fā)布，我們將繼續(xù)以無與倫比的快速控制力來推動網(wǎng)絡(luò)上極限的發(fā)展，這些快速控制技術(shù)可隨時為開發(fā)人員帶來空前的生產(chǎn)力。

Angular

這是我們最大的Angular版本之一。 我們擁有當(dāng)今市場上最廣泛、最深入的本機Angular產(chǎn)品，它具有高端數(shù)據(jù)網(wǎng)格、數(shù)據(jù)圖表、Excel庫和電子表格組件，并且是此版本中首創(chuàng)的首個DockManager控件。 DockManager提供了完整的桌面窗口體驗，使您能夠通過應(yīng)用程序的UI進行移動、停靠、取消停靠、固定、展開折疊等操作。 這是結(jié)合我們的Angular Data Analysis指令展示DockManager的新示例之一。

這是您開始使用此最新Angular版本時可以期望的所有優(yōu)點的列表：

•自定義CSS的主題小部件

•Bootstrap支持

•數(shù)據(jù)網(wǎng)格數(shù)據(jù)分析指令

•網(wǎng)格中的數(shù)據(jù)網(wǎng)格管理器-詳細UI

•數(shù)據(jù)網(wǎng)格可折疊列組

•數(shù)據(jù)網(wǎng)格全列選擇

•數(shù)據(jù)網(wǎng)格鍵盤導(dǎo)航增強

•數(shù)據(jù)網(wǎng)格列固定在右邊

•數(shù)據(jù)網(wǎng)格行固定

•數(shù)據(jù)網(wǎng)格狀態(tài)持久性

•數(shù)據(jù)網(wǎng)格拖動重影指令

•數(shù)據(jù)網(wǎng)格操作條指令

•數(shù)據(jù)網(wǎng)格數(shù)據(jù)分析指令

•分離器控件

•范圍日期選擇器

•帶有TickMarks的滑塊

•輪播控件的更新

•Excel樣式篩選器/高級篩選容器實例

•選擇組件中的頁眉/頁腳元素

•具有所有網(wǎng)格數(shù)據(jù)的自定義摘要

React

這是React產(chǎn)品的第四個版本，這是該產(chǎn)品迄今為止最大的更新，就全新的Data Grid功能而言-但與Angular一樣，我們也在React中提供了創(chuàng)新的新DockManager！ 因此，不僅在Data Grid中獲得了大量新功能，而且還將從新的DockManager控件中受益。

這是此版本的React產(chǎn)品中的新功能的列表：

•更新了默認主題（Denali Light）

•重新設(shè)計的Grid UX

•DockManager

•列摘要

•列固定（右/左）

•列選擇器

•列篩選

•列分組

•列隱藏

•列選項對話框

•網(wǎng)格篩選UI

•網(wǎng)格工具欄

為了將這些結(jié)合在一起，我們在React數(shù)據(jù)網(wǎng)格中提供了“列選項”對話框，為您提供了使用網(wǎng)格功能時的交互式UX。

Web組件

這是Web組件產(chǎn)品的第二個發(fā)行版-但這并不意味著這是一個新的代碼庫。 Web組件的Ignite UI產(chǎn)品是React產(chǎn)品的Ignite UI的核心代碼庫。 由于Web組件是web標(biāo)準(zhǔn)，因此我們采取了以下方法：首先構(gòu)建基于標(biāo)準(zhǔn)的組件實現(xiàn)，然后使它們作為React開發(fā)人員工作，期望React組件能夠正常工作。 我們首先發(fā)布了用于React的Ignite UI，大約在發(fā)布Web組件之前一年，主要是由于React的流行。

雖然Web組件還不是很流行，但我們都知道Web庫和框架不斷變化，而標(biāo)準(zhǔn)卻沒有。 我們在Web組件上的投資是為您提供一個選擇，使您的應(yīng)用程序可以用普通的JS方法來構(gòu)建應(yīng)用程序。

這是Web組件數(shù)據(jù)網(wǎng)格的示例。

由于React和Web組件的核心代碼庫相同，因此您始終應(yīng)該期望兩種產(chǎn)品的控件，功能和API都相同。

以下是Web組件20.1中的新增功能：

•更新了默認主題（Denali Light）

•重新設(shè)計的Grid UX

•DockManager

•列摘要

•列固定（右/左）

•列選擇器

•列過濾

•列分組

•列隱藏

•列選項對話框

•網(wǎng)格篩選UI

•網(wǎng)格工具欄

這意味著Web組件中提供了React中用于管理數(shù)據(jù)網(wǎng)格中的交互的相同“列選項”對話框，為您提供了使用網(wǎng)格功能時出色的交互式UX。

ASP.NET Core

隨著Microsoft不斷創(chuàng)新和推動ASP.NET Core和ASP.NET Core MVC的更新版本，我們將與這些框架中的最新更新保持同步。 基于我們的jQuery產(chǎn)品，.NET Core版本是這些JavaScript庫的本機API。

這意味著您將獲得包含100多個控件和組件的產(chǎn)品，這些控件和組件仍與Microsoft最新的開發(fā)框架保持一致。

除了諸如數(shù)據(jù)網(wǎng)格、數(shù)據(jù)透視網(wǎng)格、財務(wù)圖表和布局管理器之類的控件外，您還可以使用.Net Core / .Net Core MVC中的殺手級控件，例如Microsoft Excel Spreadsheet。

那么Blazor呢？

此版本不包括我們最新的Blazor版本，但您無需等待更長的時間即可獲得最終版本。 與React一樣，Ignite UI for Blazor的核心代碼庫也基于我們的Web組件代碼。 借助Blazor，我們通過Web組件的TypeScript提供了本機C＃API，它為您提供了服務(wù)器端和客戶端Blazor應(yīng)用程序的最佳配置。

這是運行我們的客戶端Blazor財務(wù)圖表的Preview示例瀏覽器。

在7月，我們將發(fā)布對React和Web組件的更新，并將Blazor控件從預(yù)覽中移除并正式發(fā)布它們。 令人興奮的是-這是一個經(jīng)過考驗的代碼庫，因為兩年來我們一直在使用兩種不同的產(chǎn)品來交付它。 因此，盡管7月帶來了Blazor的Ignite UI版本1，但它是代碼庫5的版本4。 我們將于7月更新后，React，Web組件和Blazor產(chǎn)品將被同步，因此它們將在7月之后的每個版本中進行仿真。

.Net Core 3.1

當(dāng)微軟去年發(fā)布.Net Core 3.0時，我們發(fā)布了對該.Net框架的下一代版本的支持。 隨著Ultimate 20.1的發(fā)布，我們將提供對最新3.1版.Net Core的支持。 當(dāng)前，我們不支持Windows Forms設(shè)計器的預(yù)覽。 我們正在積極研究如何在具有.Net Core的下一代Visual Studio和未來的.Net Framework 5.0中以新的設(shè)計時體驗啟用WPF和Windows Forms控件。 在我們?yōu)樾略O(shè)計師的體驗提供支持時，請繼續(xù)關(guān)注此博客和新聞通訊。

Xamarin的移動開發(fā)

Xamarin.Forms仍然是使用.Net和Visual Studio構(gòu)建跨平臺本機移動應(yīng)用程序的首選框架。 借助Ultimate 20.1，我們將繼續(xù)以功能最強大的Xamarin表格和圖表推動Xamarin的開發(fā)。

更新為20.1：

•支持最新的Xamarin版本

•網(wǎng)格功能

o列摘要

o列固定

•圖表功能

o類別表

o標(biāo)注層

o十字線圖層

o終值層

o高亮層

o工具提示層

o數(shù)據(jù)圖表

o AxisAnnotation

o標(biāo)注層

o終值層

使用Indigo.Design進行編碼設(shè)計

Indigo.Design仍然是市場上唯一可簡化從Design到Code的應(yīng)用程序創(chuàng)建的解決方案。 在20.1中，我們?yōu)楣ぷ髋_、原型體驗、可用性研究（記錄，回放，分析）和代碼生成提供了完全重新設(shè)計的UX。

現(xiàn)代工作臺UX

我們更新了原型工具，以編輯從Sketch應(yīng)用發(fā)布的原型并檢查視覺規(guī)格。 視覺查看器是開發(fā)人員從設(shè)計中獲取所需細節(jié)的理想工具，例如CSS，間距，字體，大小限制等。

當(dāng)Inspector處理在Sketch中創(chuàng)建的文件時，如果您不使用Sketch應(yīng)用，則可以將設(shè)計導(dǎo)入為圖像，以使用原型編輯器從頭開始創(chuàng)建原型。

重新設(shè)計的可用性研究分析

對可用性測試功能進行了全面的重新思考，以使創(chuàng)建測試和分析結(jié)果更加容易。 您可以為您的云工作區(qū)中的任何設(shè)計創(chuàng)建測試（通過Sketch或任何屏幕截圖）。 創(chuàng)建新測試時，您將看到實時測試創(chuàng)建體驗，您可以在其中添加新任務(wù)，然后與實時原型交互以記錄預(yù)期的路徑。 向您展示結(jié)果和細分參與者時，將使用此信息。

上圖突出顯示了可用性研究分析的這些領(lǐng)域：

1.任務(wù)分析概述

2.完成程序

3.用戶群

4.參與數(shù)據(jù)表

Angualr代碼生成

Indigo.Design的主要功能是簡化Angular的代碼生成過程，從而簡化了設(shè)計過程，從而簡化了代碼編寫過程。 在20.1中，我們確保我們符合最新的Angular功能，并且設(shè)計系統(tǒng)已更新。 如果您想使自己的生產(chǎn)力飛速增長，請使用Indigo.Design系統(tǒng)，并使用我們的Visual Studio Code插件來生成應(yīng)用程序中的所有HTML，CSS和組件。

您可以通過Indigo.Design看到這個Sketch設(shè)計的示例和一個像素完美的代碼生成的輸出：

圓滿完成

Ultimate 20.1包含大量強大的新功能，這些功能將幫助您在應(yīng)用程序中提供出色的體驗。 要體驗所有內(nèi)容，請訪問客戶門戶以獲取最新信息。 和往常一樣，我們需要傾聽您的意見，所以請給我發(fā)送電子郵件至[email protected]，讓我知道我們?nèi)绾螏椭ㄟ^Infragistics繼續(xù)為您的客戶提供價值。 要全面了解這一年的情況以及我們?nèi)绾瓮顿Y開發(fā)人員工具，請花一些時間閱讀博客并分享您的反饋。