在画布应用中使用新式主题(预览版)

[本文为预发布文档,可能会发生变化。]

新式主题是预先建议的样式集,可以转换应用的外观。 这些主题根据 Microsoft 的 Fluent 设计语言修改各种样式方面(例如颜色、版式、边框和阴影),从而确保在视觉上获得愉悦且一致的界面。 新式主题简化了自定义流程,使创建者能够轻松创建具有统一且一致视觉吸引力的应用。

重要

  • 这是一项预览功能。
  • 预览功能不适合生产使用且功能可能受限。 这些功能在正式发布之前推出,以便客户可以提前使用并提供反馈。

先决条件

若要使用新式主题,您需要启用它。 其他信息,请参阅 启用应用的新式控件与主题

备注

当新式控件与主题都已启用时,您将无法从命令行选择经典主题。 若要使用已停用经典主题,您需要启用保留经典主题已停用应用设置。

创建主题

若要对您的应用进行样式设置,有几个现成主题可用。 您还可以设计自己的主题,以实现更个性化的视觉美学。

  1. 在应用制作菜单上,选择 > 主题图标 主题
  2. 主题页面上,选择添加主题
  3. 创建主题对话框中,输入以下信息:
    • 主题名称:主题名称必须是唯一的。
    • 字体:选择在应用主题时应用中的控件将使用的默认字体。
    • 种子颜色:选择要作为主题基础的颜色,或手动输入颜色的十六进制或 RGB 表示形式。 系统生成一个 16 槽调色板,可针对辅助功能进行优化。
    • 色相/鲜艳度:使用色 鲜艳 度滑块调整生成调色板,尤其是较浅的颜色。 色相 会影响色深, 鲜艳度 会影响调色板的静音或亮度。
  4. 或者,也可以查看新主题的静态预览。 您可以与示例控件进行交互,以了解如何将主题应用于其他状态以及各种交互状态。
  5. 选择创建

您的新主题将创建并应用到您的应用中。

应用新式主题

  1. 在应用制作菜单上,选择 > 主题图标 主题
  2. 主题窗格中,选择默认主题之一。

选择现代主题时,该主题的样式将自动应用于应用中的控件。 此操作会设置 App.Theme 属性。

备注

现在,现代主题通过使用引用现代主题中的变量的 Power Fx 公式在经典控件上设置属性来影响经典控件。

编辑主题

您可以编辑主题并更改自定义主题的一个或多个参数。

  1. 在应用制作菜单上,选择 > 主题图标 主题
  2. 主题窗格上,查找与要编辑的主题对应的磁贴,然后选择选项 > 编辑
  3. 编辑主题窗格上,根据需要调整主题。

备注

无法编辑现成主题。

删除主题

如果您决定不再在应用中使用自定义主题,可以将其删除。

  1. 在应用制作菜单上,选择 > 主题图标 主题
  2. 主题窗格上,查找要编辑的主题,然后选择 (...) 选项 > 删除
  3. 在确认对话框上,选择删除主题

如果您有任何在应用中引用此主题的 Power Fx 公式,则需要手动更新公式。

备注

无法删除现成主题。

通过 Power Fx 使用主题

制作者可以通过 Power Fx 使用新式主题对象。 目前使用中的主题对象可由 App.Theme 参照,而且任何加载至应用的主题,都可以通过其实例名称(例如 RedTheme)来参照。 我们建议您使用 App.Theme 引用主题对象,以确保颜色选择适合主题更改。

每个主题对象都包含下列信息:

  • 名称:主题的名称。
  • 色彩:由 16 种颜色组成的集合,其中包含主题的品牌快速现代化方案。 这项坡道中的每一种色彩都可以通过名称单独访问。

该图像显示颜色集合中的槽变量,例如,青灰色主题的对应颜色。

打开现代控件

您可以使用主题品牌快速现代化方案,根据目前的新式主题,如 Button.Fill = App.Theme.Colors.Primary,手动样式化经典控件。

备注

若要提供意见反应,请参阅:将您的意见反应提供给 Microsoft

另请参见

新式控件部落格文章