在画布应用程序中使用现代主题

现代主题是预先建立的样式集,可以改变应用程序的外观。 这些主题根据 Microsoft 的 Fluent 设计语言修改各种样式方面(例如颜色、版式、边框和阴影),从而确保在视觉上获得愉悦的界面。

现代主题简化了自定义过程,使创作者能够轻松设计具有统一且一致的视觉吸引力的应用程序。

先决条件

在 Power Apps 应用程序的设置中启用现代主题功能:

  1. 打开您的应用程序或创建新的应用程序。
  2. 从您的应用程序中,打开应用程序创作菜单中的设置现代命令栏
  3. 转到更新>>现代控制和主题
  4. 现代控件和主题开关设置为
  5. 关闭设置弹出窗口。

有关更多信息,请参阅为您的应用程序启用现代控件和主题

备注

启用现代控件和主题后,您无法从命令栏中选择经典主题。 要使用已停用的经典主题,请在设置中的更新已停用选项卡上转到保留经典主题,并将其切换为

创建主题

有几个现成的主题可用于设计您的应用程序。 您还可以设计自己的主题,以实现更个性化的视觉美学。

  1. 在“应用程序创作”菜单上,选择主题图标主题

  2. 主题页面上,选择添加主题

    显示 Add a theme 选择器位置的屏幕截图。

    将出现创建主题对话框。

    显示创建主题用户界面的屏幕截图。

  3. 创建主题对话框中,选择或输入以下信息:

    特性 操作或描述
    原色(种子色) 从颜色选取器中选择颜色。 或者,您可以手动输入十六进制或 RGB。
    锁定原色(预览) 使用种子颜色生成 16 槽主题调色板。
    - 关闭:16 槽调色板已针对可访问性进行了优化。 Toggled off 是默认选项。
    - 打开:种子颜色位于调色板的主要(中间)位置。 剩余的颜色是通过使颜色在一侧逐渐变亮,在另一侧逐渐变暗而生成的。 生成的调色板可能不符合对比度辅助功能要求。
    主题名称 输入唯一的主题名称。
    Font 选择应用程序中控件使用的默认字体。
    灵活性 影响调色板的色调、阴影或色调。 如果您选择锁定原色,则扭转不适用。
    饱和度 影响调色板的静音或亮度。 如果您选择锁定原色,则鲜艳度不适用。
    预览​​ 或者,也可以查看新主题的静态预览。 您可以与示例控件进行交互,以了解如何将主题应用于其他状态以及各种交互状态。 创建或编辑主题时显示面板预览部分的屏幕截图。
  4. 选择创建

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

应用新式主题

  1. 在“应用程序创作”菜单上,选择主题图标主题
  2. 主题窗格中,选择默认主题之一。
  3. 如果您的应用程序中有经典控件,系统会提示您将新式主题应用于这些控件。 如果您不喜欢该主题,您可以随时从命令栏中选择撤消

    备注

    当您选择将现代主题应用于经典控件时,Power Fx 公式是在引用现代主题变量的受影响控件的属性上设置的。 从视觉上看,经典控件可能与其现代控件不完全一致,因为经典控件不是基于 Fluent v9。

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

编辑主题

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

  1. 在“应用程序创作”菜单上,选择主题图标主题

  2. 在 Themes(主题 )窗格中,找到要编辑的主题的磁贴,然后选择溢出菜单,然后选择 Edit(编辑)

    显示椭圆点位置的屏幕截图,您可以在其中选择编辑。

  3. 编辑主题窗格上,根据需要调整主题。

  4. 从对话框中选择保存或取消。

备注

无法编辑现成主题。

删除主题

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

  1. 在“应用程序创作”菜单上,选择主题图标主题
  2. 在 Themes(主题 )窗格中,找到要编辑的主题,选择溢出菜单,然后选择 Delete(删除)
  3. 在确认对话框上,选择删除主题

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

备注

无法删除现成主题。

通过 Power Fx 使用主题

制作者可以通过 Power Fx 使用新式主题对象。 App.Theme 可以引用当前活动的主题对象。 加载到应用程序中的任何主题都可以通过其实例名称(如 RedTheme)进行引用。 我们建议您使用 App.Theme 引用主题对象,以确保颜色选择适合主题更改。

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

  • 主题的名称
  • 颜色是 16 色品牌渐变系列,可通过名称单独访问;主要前景色是默认的文本颜色,例如背景上文本的颜色
  • 主题中使用的字体

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

显示钢铁主题的槽变量和 16 部分颜色品牌渐变的屏幕截图。

使用主题品牌渐变,您可以基于当前的现代主题手动设计经典控件的样式,例如 Button.Fill = App.Theme.Colors.Primary

备注

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

另请参见

新式控件部落格文章
使用现代主题 Power Apps(视频)