在画布应用程序中使用现代主题
现代主题是预先建立的样式集,可以改变应用程序的外观。 这些主题根据 Microsoft 的 Fluent 设计语言修改各种样式方面(例如颜色、版式、边框和阴影),从而确保在视觉上获得愉悦的界面。
现代主题简化了自定义过程,使创作者能够轻松设计具有统一且一致的视觉吸引力的应用程序。
先决条件
在 Power Apps 应用程序的设置中启用现代主题功能:
- 打开您的应用程序或创建新的应用程序。
- 从您的应用程序中,打开应用程序创作菜单中的设置或现代命令栏。
- 转到更新>新>现代控制和主题。
- 将现代控件和主题开关设置为开。
- 关闭设置弹出窗口。
有关更多信息,请参阅为您的应用程序启用现代控件和主题。
备注
启用现代控件和主题后,您无法从命令栏中选择经典主题。 要使用已停用的经典主题,请在设置中的更新的已停用选项卡上转到保留经典主题,并将其切换为开。
创建主题
有几个现成的主题可用于设计您的应用程序。 您还可以设计自己的主题,以实现更个性化的视觉美学。
在“应用程序创作”菜单上,选择
主题。
在主题页面上,选择添加主题。
将出现创建主题对话框。
在创建主题对话框中,选择或输入以下信息:
特性 操作或描述 原色(种子色) 从颜色选取器中选择颜色。 或者,您可以手动输入十六进制或 RGB。 锁定原色(预览) 使用种子颜色生成 16 槽主题调色板。
- 关闭:16 槽调色板已针对可访问性进行了优化。 Toggled off 是默认选项。
- 打开:种子颜色位于调色板的主要(中间)位置。 剩余的颜色是通过使颜色在一侧逐渐变亮,在另一侧逐渐变暗而生成的。 生成的调色板可能不符合对比度辅助功能要求。主题名称 输入唯一的主题名称。 Font 选择应用程序中控件使用的默认字体。 灵活性 影响调色板的色调、阴影或色调。 如果您选择锁定原色,则扭转不适用。 饱和度 影响调色板的静音或亮度。 如果您选择锁定原色,则鲜艳度不适用。 预览 或者,也可以查看新主题的静态预览。 您可以与示例控件进行交互,以了解如何将主题应用于其他状态以及各种交互状态。 选择创建。
您的新主题将创建并应用到您的应用中。
应用新式主题
- 在“应用程序创作”菜单上,选择
主题。
- 在主题窗格中,选择默认主题之一。
- 如果您的应用程序中有经典控件,系统会提示您将新式主题应用于这些控件。 如果您不喜欢该主题,您可以随时从命令栏中选择撤消。
备注
当您选择将现代主题应用于经典控件时,Power Fx 公式是在引用现代主题变量的受影响控件的属性上设置的。 从视觉上看,经典控件可能与其现代控件不完全一致,因为经典控件不是基于 Fluent v9。
选择现代主题时,该主题的样式将自动应用于应用中的控件。 此操作会设置 App.Theme 属性。
编辑主题
您可以编辑主题并更改自定义主题的一个或多个参数。
在“应用程序创作”菜单上,选择
主题。
在 Themes(主题 )窗格中,找到要编辑的主题的磁贴,然后选择溢出菜单,然后选择 Edit(编辑)。
在编辑主题窗格上,根据需要调整主题。
从对话框中选择保存或取消。
备注
无法编辑现成主题。
删除主题
如果您决定不再在应用中使用自定义主题,可以将其删除。
- 在“应用程序创作”菜单上,选择
主题。
- 在 Themes(主题 )窗格中,找到要编辑的主题,选择溢出菜单,然后选择 Delete(删除)。
- 在确认对话框上,选择删除主题。
如果您有任何在应用中引用此主题的 Power Fx 公式,则需要手动更新公式。
备注
无法删除现成主题。
通过 Power Fx 使用主题
制作者可以通过 Power Fx 使用新式主题对象。 App.Theme 可以引用当前活动的主题对象。 加载到应用程序中的任何主题都可以通过其实例名称(如 RedTheme)进行引用。 我们建议您使用 App.Theme 引用主题对象,以确保颜色选择适合主题更改。
每个主题对象都包含下列信息:
- 主题的名称
- 颜色是 16 色品牌渐变系列,可通过名称单独访问;主要前景色是默认的文本颜色,例如背景上文本的颜色
- 主题中使用的字体
该图像显示颜色集合中的槽变量,例如,青灰色主题的对应颜色。
使用主题品牌渐变,您可以基于当前的现代主题手动设计经典控件的样式,例如 Button.Fill = App.Theme.Colors.Primary
。
备注
若要提供意见反应,请参阅:将您的意见反应提供给 Microsoft。