WinUI 2.6

WinUI 2.6 是 2021 年 6 月发布的适用于 UWP 应用程序的 WinUI(以及使用 XAML 岛的桌面应用程序)。

注释

有关使用最新版本 的 WinUI 3 生成 Windows 桌面和 UWP 应用的详细信息,请参阅 WinUI 3

WinUI 托管在 GitHub 上,我们建议你提交 bug 报告。

可从 GitHub 发布页NuGet 页面下载所有稳定版本(和预发布)。

可以通过 NuGet 包管理器将 WinUI 包添加到 Visual Studio 项目。 有关详细信息,请参阅 WinUI 2 for UWP 入门

WinUI 2.6 的新增或更新功能包括:

云母

Mica 是一种新材料,它结合了主题和桌面壁纸来为持久的窗口(如应用和设置)绘制背景。 你可以将 Mica 应用于应用程序背景,以便为用户带来喜悦和创建视觉层次结构,从而提高工作效率,从而更加清晰地了解哪个窗口处于焦点。 Mica 专为应用性能而设计,因为它只采样桌面壁纸一次以创建其可视化效果。

浅色主题中的Mica

使用指南

API 参考

扩展器

扩展器控件由始终可见的主要内容的标头组成,与用于显示或隐藏包含与标头相关的辅助内容的可展开内容区域的切换按钮配对。

当用户展开或折叠内容区域时,相邻的 UI 元素将移动和调整以适应内容区域。 扩展器的内容区域不会覆盖这些元素。

此动画示例显示一个扩展器处于默认状态,内容区域中只有基本文本。

默认状态下的扩展器,内容区域中有基本文本。

可以在扩展器的内容区域中使用复杂的交互式 UI,包括嵌套扩展器控件,如下所示。

内容区域中具有复杂交互式 UI 的扩展器。

使用指南

API 参考

BreadcrumbBar 是一种层级导航元素,它提供了通往用户当前所在位置的页面或文件夹的直接路径。 在用户导航线索(在文件系统或菜单系统中)需要持久显示并为用户提供快速返回到上一位置的功能的情况下,它通常位于页面顶部附近。

这段动画示例显示一个面包屑导航栏处于默认状态,具有 8 级导航深度。

面包屑导航栏处于默认状态,具有八个导航深度级别。

如果应用程序调整大小,以至于没有足够的空间显示面包屑导航栏中的所有级别,则控件会自动折叠,用省略号替代最左侧的节点。 单击省略号将打开一个浮出控件菜单,以分层顺序显示折叠的节点,如下所示。

使用浮出控件菜单压缩的痕迹栏。

使用指南

API 参考

图像图标

ImageIcon 添加了对在应用程序 UI 中使用 图像 控件作为图标的支持。

支持以下图像文件格式:

  • 位图(BMP)
  • 图形交换格式 (GIF)
  • 联合摄影专家组(JPEG)
  • 可移植网络图形 (PNG)
  • JPEG XR (WDP)
  • 标记的图像文件格式 (TIFF)

API 参考

动画图标

AnimatedIcon 控件播放动画图像,以响应用户交互和视觉状态更改,例如当用户将鼠标悬停在按钮上或单击它时。

动画示例展示了在 NavigationViewItem 控件中添加的 AnimatedIcon。

在 NavigationViewItem 控件中添加了 AnimatedIcon。

定义动画需要创建或获取要添加的图标的 Lottie 文件(可以使用 Adobe AfterEffects 创建自定义动画,并使用 Lottie-Windows 库呈现),并通过 LottieGen 运行该文件。 LottieGen 为 C++/WinRT 类生成代码,然后可以实例化和使用 AnimatedIcon。

使用指南

API 参考

PipsPager

PipsPager 控件帮助用户通过可配置的字形集合在线性分页内容中导航,其中每个字形表示在潜在无限范围内的一个“页面”。 符号突出显示当前页,并指示前页和后续页面的可用性。 该控件依赖于当前上下文,不支持显式页码编号或非线性组织。

本示例展示了处于默认状态的 PipsPager,具有五个水平排列的刻度,第一个刻度被选中。

具有五个水平点的默认 PipsPager,第一个点已选中。

如果内容包含大量页面,则可以设置可见的交互式标记点数量。 如果页数超过可见的 pip 数,则 pips 会自动滚动以将控件中的选定页面居中。

此动画示例显示了一个 PipsPager,其中包含大型项集合的水平滚动 pips。

PipsPager 具有用于大型项集合的水平滚动指示点。

使用指南

API 参考

视觉样式更新

大多数 WinUI 控件现在支持最新的 Windows 11 样式。

还引入了新的版本控制系统,可让你还原到以前的控件样式。 但是,我们强烈建议尽可能使用新样式,因为它们符合 Windows 的当前设计方向。

XAML 样式

CommandBar 的 SplitButton 样式

新的 SplitButtonCommandBarStyle 提供了将 AppBarButton 的外观应用于 SplitButton 控件的功能。

示例

小窍门

有关详细信息、设计指南和代码示例,请参阅 适用于 Windows 应用的设计

应用程序WinUI 2 画廊包括大多数 WinUI 2 控件、特性和功能的交互式示例。

如果已安装图库应用,请单击 WinUI 2 Gallery 打开它。

如果未安装,请从 Microsoft 应用商店下载 WinUI 2 库

您还可以从 GitHub(选择 winui2 分支)获取源代码。

其他更新

  • 有关此版本中解决的许多 GitHub 问题,请参阅我们的 显著更改 列表。
  • 查看适用于 WinUI 2.6 控件和布局模板的 Figma 设计工具包