Windows 通过指示用户界面元素之间的可视层次结构和结构，帮助用户专注于其任务。 颜色取决于上下文，用于呈现一种平和的基调，巧妙地增强用户交互，仅在必要时突出重要项。
Windows 支持两种颜色模式，或主题：浅色和深色。 每种模式都由一组中性颜色值组成，这些值会自动调整以确保最佳对比度。
在浅色和深色模式下，较深的颜色指示背景图面不太重要。 重要图面会突出显示，颜色较浅且较亮。 有关详细信息，请参阅分层和提升。
主题色用来强调用户界面中的重要元素，以及指示交互式对象或控件的状态。 主题色值会自动生成并优化，以便在浅色和深色模式下进行对比。 主题色用于突出显示重要元素并传达交互式元素状态的相关信息，请谨慎使用。
WinUI 3 库应用包括大多数 WinUI 3 控件、特性和功能的交互式示例。 通过 Microsoft Store 获取应用，或在 GitHub 上获取源代码
使用颜色可在应用中向用户直观传达信息：颜色可用于指示交互性、针对用户操作提供反馈并保证应用界面的视觉连续性。
在 Windows 应用中，颜色主要由主题色和主题决定。 本文介绍如何在应用中使用颜色，同时介绍如何使用主题色和主题资源来让 Windows 应用可用于任何主题上下文。
Windows 应用可使用浅色或深色应用程序主题。 主题将对应用背景、文本、图标和常见控件的颜色造成影响。
默认情况下，Windows 应用的主题是 Windows 设置中的用户首选主题或设备的默认主题。 不过，你也可为你的 Windows 应用专门设置主题。
可通过更改 文件中的 RequestedTheme 属性更改主题。
删除 RequestedTheme 属性意味着应用程序将使用该用户的系统设置。
用户还可以选择高对比度主题，该主题使用一块小型的对比色调色板，使界面的对比效果更明显。 在此情况下，系统将替代 RequestedTheme。
如果不为应用请求主题，请确保用浅色和深色主题测试应用，保证在应用在任何情况下均可清晰显示。
常见控件自动使用主题画笔调整浅色和深色主题的对比度。
例如，下图演示了 AutoSuggestBox 使用主题画笔的方式：
若要详细了解如何在应用中使用主题画笔，请参阅主题资源。
常见控件使用主题色表示状态信息。 默认情况下，主题色是用户在设置中选择的 。 但是，还可自定义应用的主题色来彰显你的品牌。
若要更改应用的主题色，请将以下代码放入 。
为应用选择自定义主题色时，请确保使用主题色的文本和背景拥有合适的对比度，以获得最佳的可读性。 若要测试对比度，可使用 Windows 设置中的颜色选取器工具，也可使用在线对比度工具。
Windows Shell 中的主题色算法可生成主题色的浅色和深色底纹。
可访问用作主题资源的以下底纹：
还可通过 UISettings.GetColorValue 方法和 UIColorType 枚举以编程方式访问主题色调色板。
可将主题色调色板用于应用中的颜色主题。 以下示例介绍如何针对按钮使用主题色调色板。
在彩色背景中使用彩色文本时，请确保文本与背景之间具有足够的对比度。 默认情况下，超链接或超文本将使用主题色。 如果对背景应用主题色的不同变体，则应使用原始主题色的变体，从而优化彩色背景与彩色文本的对比度。
下图中的示例介绍了主题色的各种浅色/深色底纹，以及彩色类型应用到彩色表面的方式。
若要详细了解如何设置控件样式，请参阅 XAML 样式。
多个 API 可用于向应用程序添加颜色。 首先，Colors 类可实现广泛的预定义颜色。 可通过 XAML 属性自动访问这些预定义颜色。 在以下示例中，我们创建了一个按钮并将背景色属性和前景色属性设置为 Colors 类的成员。
可使用 XAML 中的 Color 结构通过 RGB 或十六进制值自行创建颜色。
还可使用 FromArgb 方法通过代码创建相同的颜色。
“Argb”中的各字母分别代表 Alpha（不透明度）、红、绿和蓝，这四个部分共同组成一种颜色。 每个参数的值可介于 0 至 255 之间。 可选择忽略第一个值，此操作将默认选定 255 或 100% 的透明度。
Color 最常用作 SolidColorBrush 的参数，该参数可用于以单一纯色绘制 UI 元素。 通常在 ResourceDictionary 中定义这些画笔，以便画笔可重复用于多个元素。
若要详细了解如何使用画笔，请参阅 XAML 画笔。
- XAML 样式
- XAML 主题资源
- WinUI 3 库 - 颜色
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/bcyy/79955.html