Windows UI 程式庫 2.1

Windows UI 程式庫的第一個開放原始碼版本 – WinUI 2.1 (於 2019 年 4 月發行)。

WinUI 提供了許多最新的 Windows UX 平台功能,包括最新的 Fluent 控制項和樣式,其可供您立即使用,並與舊版的 Windows 10 年度更新版 (14393) 相容。 WinUI 2 圖庫提供了一些範例,供您探索程式庫內新增的所有酷炫新功能。

下載 WinUI 2.1 NuGet 套件

您可以使用 NuGet 套件管理員,以選擇在應用程式中使用 WinUI 套件:如需詳細資訊,請參閱開始使用 Windows UI 程式庫

Windows UI 程式庫 (WinUI) 裝載於 GitHub,我們建議您在此提交 Bug 報告、功能要求和社群程式碼貢獻。

此版本的新功能

ItemsRepeater

使用 ItemsRepeater,即可使用靈活的版面配置系統、自訂檢視畫面、進行模擬,藉以建立自訂的集合體驗。 與 ListView 不同,ItemsRepeater 並未提供全面的使用者體驗,無預設的 UI,也未提供焦點、選取或使用者互動的相關原則。 然而,其為建置組塊,可供您用來建立自己的唯一集合型體驗和自訂控制項。 其支援建置更豐富且更具效能的體驗。

Short video showing the behavior of the Items Repeater control.

文件

AnimatedVisualPlayer

AnimatedVisualPlayer 會裝載並控制動畫視覺效果的播放,讓您可以將高效能的自訂動作圖形新增至應用程式。 例如,AnimatedVisualPlayer 可用來顯示和控制 Lottie 動畫。

Short video showing the behavior of the Animated Visual Player control.

文件

TeachingTip

TeachingTip 提供了吸引人的 Fluent 方式,讓應用程式能夠使用非侵入式且內容豐富的秘訣來引導和通知使用者。 TeachingTip 可以將焦點帶到新的或重要的功能,告訴使用者如何執行工作,以及如何藉由為您手邊的工作提供內容相關的資訊來增強工作流程。

Short video showing the behavior of the Teaching Tip control.

文件

RadioMenuFlyoutItem

包含可在 MenuBar 中使用「選項按鈕」樣式選項的能力。 這可讓具有項目符號且繫結在一起的選項形成群組,例如選項按鈕群組。 系統會為開發人員處理此邏輯。

Screenshot showing the behavior of the Radio Menu Fly out Item control.

文件

CompactDensity

精簡模式可讓開發人員為任意數目的案例建立舒適的體驗。 只要新增資源字典,您的應用程式就可以適應平均 ~33% 以上的 UI。

Screenshot showing the behavior of the Compact Density control.

文件

Shadows

Example

在 UI 中建立元素的視覺階層,可讓 UI 輕鬆掃描並傳達應該聚焦的重要事項。 系統往往會運用立體高度 (強調 UI 的重要元素) 在軟體中達到階層效果。

在 Windows 10 2019 年 5 月更新中,許多常見的控制項預設會使用 z 深度和陰影來新增提高權限的能力。 WinUI 2.1 中的 NavigationView 和 TeachingTip 控制項在具有 Windows 10 2019 年 5 月更新的 OS 上執行時,也會有預設陰影。 在 Windows 10 2019 年 5 月更新發行之後,便會提供具有預設陰影的控制項完整清單,以及要如何使用其他 API 的方法,並在此公佈連結。

範例

提示

如需詳細資訊、設計指引和程式碼範例,請參閱設計和程式碼 Windows 應用程式

WinUI 3 資源庫WinUI 2 資源庫應用程式包含大部分 WinUI 3 和 WinUI 2 控制項、特性和功能的互動式範例。

如果已安裝,請按一下下列連結加以開啟:WinUI 3 資源庫WinUI 2 資源庫

如果未安裝,您可以從 Microsoft Store 下載 WinUI 3 資源庫WinUI 2 資源庫

您也可以從 GitHub 取得這兩者的原始程式碼 (使用 WinUI 3 的主要 分支和 WinUI 2 的 winui2 分支)。

文件

Windows UI 程式庫控制項的操作說明文章隨附於通用 Windows 平台控制項文件

API 參照文件位於這裡: Windows UI 程式庫 API

Microsoft.UI.Xaml 2.1 版本歷程記錄

Microsoft.UI.Xaml 2.1 官方版本

2019 年 4 月

GitHub 版本頁面

NuGet 套件下載

新功能 (未包含在舊版發行前版本中)

  • CompactDensity: 精簡模式可讓開發人員為任意數目的案例建立舒適的體驗。 只要新增資源字典,您的應用程式就可以適應平均 ~33% 以上的 UI。

  • 陰影: 在 UI 中建立元素的視覺階層,可讓 UI 輕鬆掃描並傳達應該聚焦的重要事項。 系統往往會運用立體高度 (強調 UI 的重要元素) 在軟體中達到階層效果。 許多常見的控制項預設會使用 z 深度和陰影來新增提高權限的能力。

Microsoft.UI.Xaml 2.1.190218001-prerelease

2019 年 2 月

GitHub 版本頁面

NuGet 套件下載

新的實驗性功能:

  • TeachingTip 控制項
    這個新的控制項提供了一個方法,讓您的應用程式可以使用非侵入式和內容豐富的通知來引導和通知應用程式中的使用者。 TeachingTip 可用於將焦點帶到新的或重要的功能、教使用者如何執行工作,或是藉由為其手邊的工作提供內容相關的資訊,來增強使用者工作流程。

Microsoft.UI.Xaml 2.1.190131001-prerelease

2019 年 2 月

GitHub 版本頁面

NuGet 套件下載

新的實驗性功能:

Microsoft.UI.Xaml 2.1.181217001-prerelease

2018 年 12 月

GitHub 版本頁面

NuGet 套件下載

新的實驗性功能: