天天看點

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

​​Kendo UI for React​​ R3 2021版本帶來了一些功能強大的元件和許多功能,可以添加到任何 React 開發人員的工具箱中。新元件包括PivotGrid 和 Heatmap 元件,同時為React Data Grid 添加了列自動調整大小。

​​Kendo UI for React R3 2021最新版下載下傳​​

全新的React元件

新元件 - PivotGrid

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

R3 2021 中第一個突出顯示的元件是全新的 React PivotGrid 元件,這個元件是從頭開始建構的,以確定元件非常快,并且可以充分利用React來確定元件的所有方面都保持高水準的性能。

新元件 - MultiSelectTree

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

為了在React中擴充可用下拉清單,​​Kendo UI for React​​ R3 2021添加了 MultiSelectTree 元件。該元件将 TreeView 的分層資料結構與下拉清單(特别是 MultiSelect 下拉清單)結合起來,以提供豐富的使用者界面,用于選擇多個值并将它們全部顯示在文本輸入中。

新元件 - Heatmap

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

在 R3 2021 中,KendoReact 還添加了新的 React Heatmap 元件。 這種獨特的資料可視化元件适用于可視化二維值的大小,通常被稱為“叢集熱圖”。

新元件 - StackLayout

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

新的 KendoReact StackLayout 元件允許開發人員以垂直或水準方式輕松對齊堆棧中的多個元素。 雖然使用一些 CSS 可以實作相同的功能,但 KendoReact 團隊希望提供一些易于使用的 UI 元件,以幫助可能不想編寫自己的布局元素的開發人員。 使用 React StackLayout 元件,React 開發人員可以通過友善的配置選項控制方向、對齊、間距等。

新元件 - GridLayout

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

與 StackLayout 元件類似,新的 KendoReact GridLayout 元件允許開發人員使用行和列以網格結構排列頁面上的内容。

檔案管理器模闆

UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

這在技術上不是一個全新的元件,在 R3 2021 中,KendoReact 團隊整合了一個即用型模闆,允許使用者管理檔案系統中的檔案和檔案夾,來自其他 Kendo UI 風格的使用者将其識别為 FileManager 元件。

由于 FileManager 可以負責大量不同的場景,我們将這個模闆放在一起,讓開發人員了解如何使用 KendoReact 元件建立 FileManager,并為開發人員提供簡單的方法來自定義和制作自己的 FileManager。當然,如果您喜歡開箱即用的内容,您隻需複制并粘貼我們提供的代碼即可!

支援Bootstrap 5
UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

在 R3 2021 中,​​Kendo UI for React​​正式支援 Bootstrap 5!通過更新到與Kendo UI for React相關的最新和最好的包(特别是 Bootstrap 主題包),可以自動利用這一點。

更新文檔和示範中的主題選擇器
UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

當您浏覽​​Kendo UI for React​​ demo時,注意到似乎在主題選擇器下拉清單中添加了十幾個主題,這是R3 2021的新内容!

雖然 Kendo UI 仍然支援相同的三個主題(預設、Material 和 Bootstrap),但新的主題選擇器顯示了由 Kendo UI 前端工程師設計的各種顔色變化,稱為“色闆”。 這讓任何浏覽​​Kendo UI for React ​​Demo的人都可以通過一些 Sass 變量調整快速了解 Kendo UI 主題的可能性。

Kendo UI Kit套件
UI開發架構Kendo React R3 2021更新亮點——新的 React 元件

R3 2021另一個比較重要的亮點是正式釋出了全新的Kendo UI Kit套件!該套件擁有30+個​​Kendo UI for React​​元件,可在Figma 中使用它們來設計豐富的界面,以交給開發人員來實作。 借助 Kendo UI 套件中提供的工件,設計人員擁有大量自定義選項以確定任何設計都可以應用于 Kendo UI 元件。

繼續閱讀