使用英语阅读

通过


适用于 Windows 应用的设计工具包和示例

适用于 Fluent Design/Windows 应用的设计和 UI 相关下载。 有关 Visual Studio 之类的其他工具,请参阅我们的主下载页

工具包和库

Figma 工具包图标Figma 工具包
Windows 设计工具包,2024 年 11 月
下载

WinUI 库缩略图WinUI
适用于 Windows 应用的控件和其他 UI 元素。
安装说明

Windows 社区缩略图Windows 社区工具包
帮助程序函数、自定义控件和应用服务。
安装说明

Template Studio 缩略图Template Studio
使用基于向导的 UI 快速构建应用。
安装说明

从 Microsoft Store 获取 WinUI 库应用,了解 XAML 控件和 Fluent Design System 的实际应用。 WinUI 3 库和 WinUI 2 库应用包括大多数 WinUI 3 和 WinUI 2 控件、特性和功能的交互式示例。 这些应用是该网站的交互式助手。 安装它们后,你可以使用各控件页上的链接启动该应用并查看控件的实际应用。

  • 从 Microsoft Store 获取 WinUI 3 库WinUI 2 库
  • GitHub 获取这两种应用的源代码(对 WinUI 3 使用 main 分支,对 WinUI 2 使用 winui2 分支)。

字体

工具

下载磁贴和图标生成器

Adobe Photoshop 的磁贴和图标生成器 这组 Adobe Photoshop 操作仅从 7 个文件中就生成了 68 个推荐的磁贴和图标资源。
下载磁贴和图标生成器

示例

Fluent XAML Theme Editor 图像Fluent XAML Theme Editor
Fluent XAML Theme Editor 是一个工具,可以帮助演示 Fluent Design System 的灵活性,并通过为 Windows 应用程序中使用的 ResourceDictionary 框架生成 XAML 标记,来为应用开发流程提供支持。 下载工具示例
在 GitHub 上查看此工具

VanArsdel 图像VanArsdel
Van Arsdel, Ltd. 端到端 Windows 示例应用是为了展示 Microsoft Fluent Design System 的下一波技术而构建的。 它广泛利用了 WinUI 中的改良方法和新控件,以及 UX 框架和组合的强大基础功能。 此示例展示了如何构建丰富高效的体验,用于管理和购买 IoT 设备(在本例中为照明灯)。
下载 VanArsdel 示例
在 GitHub 上查看 VanArsdel 示例

build cast 图像BuildCast
BuildCast 是一个端到端示例,它是为了展示 Fluent Design System 和 Windows 而构建的。 它允许浏览、下载和播放特定视频播客,包括一些 Windows 技术爱好者内容的示例。 它还具有墨迹注释、书签和远程播放的功能。 此示例最初是在 2017 Build 大会的借助 Fluent 设计构建精彩应用演讲期间展示的。
下载 BuildCast 示例
在 GitHub 上查看 BuildCast 示例

Lunch SchedulerLunch Scheduler
一个用于安排与朋友和同事午餐的时间的 Windows 应用示例。 创建午餐安排,邀请好友前往相关餐厅,然后应用会帮助实现各相关方的午餐管理。 此应用将 Fluent Design 系统的元素纳入 Windows 应用中,包括亚克力、展示和连贯动画。
下载 Lunch Scheduler 示例
在 GitHub 上查看 Lunch Scheduler 示例

想要更多代码?

查看 Windows 示例页以获取所有 Windows 应用示例的完整列表。 转到示例门户