Power Apps 中的形状和图标控件

可以为其配置外观和行为属性的图形。

Description

这些控件包括箭头、几何形状、作图标和可以为其配置填充、大小和位置等属性的符号。 还可以配置其 OnSelect 属性,以便应用在用户选择控件时做出响应。

关键属性(图标和形状)

填充 – 控件的背景色。

OnSelect – 当用户选择控件时要执行的作。

键属性(仅限图标)

图标 - 要显示的图标类型(例如 ArrowDownShoppingCart)。

旋转 - 旋转图标的度数。

颜色 - 按名称或 RGBA 值显示图标的颜色。

其他属性

AccessibleLabel – 屏幕阅读器标签。

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

FocusedBorderColor – 当控件聚焦时控件边框的颜色。

FocusedBorderThickness – 当控件聚焦时控件边框的粗细。

高度 – 控件的上边缘和下边缘之间的距离。

HoverFill – 当用户将鼠标指针放在控件上时,控件的背景色。

PressedBorderColor – 当用户选择该控件时控件边框的颜色。

PressedFill – 当用户选择该控件时控件的背景色。

TabIndex – 相对于其他控件的键盘导航顺序。

可见 – 控件是显示还是隐藏。

宽度 – 控件的左边缘和右边缘之间的距离。

X – 控件的左边缘与其父容器的左边缘之间的距离(如果没有父容器时显示屏幕)。

Y – 控件的上边缘与父容器的上边缘之间的距离(如果没有父容器时屏幕)。

NavigateScreenNameScreenTransition

Example

  1. 将默认 屏幕 控件 目标命名为“ 标签” 控件,并设置其 Text 属性以显示 “目标”。

    不知道如何 添加和配置控件

  2. 添加 屏幕 控件,并将其命名为 “源”。

  3. Source 中添加 Shape 控件,并将其 OnSelect 属性设置为以下公式:

Navigate(Target, ScreenTransition.Fade)

  1. 按 F5,然后选择 “形状 ”控件。

    此时会显示 “目标” 屏幕。

  2. (可选)按 Esc 返回到默认工作区,将 Shape 控件添加到 Target,并将 Shape 控件的 OnSelect 属性设置为以下公式:

Navigate(Source, ScreenTransition.Fade)

辅助功能指南

颜色对比度

以下内容仅适用于用作按钮的图形,或者不适用于修饰。

对于图标:

对于带有边框的形状:

对于没有边框的形状:

  • 填充 和控件外部的颜色
  • 按Fill 和控件外部的颜色(如果用作按钮)
  • HoverFill 和控件外部的颜色(如果用作按钮)

屏幕阅读器支持

  • 必须为重要图形设置 AccessibleLabel

  • 如果图形用于修饰或提供冗余信息,请将 AccessibleLabel 留空或将其设置为空字符串 “” 。 屏幕阅读器将忽略这些图形。

例如,可以将 “锁定” 图标放在 标签 旁边,指出 无法修改此窗体。 不需要图标的 AccessibleLabel ,因为 标签 已解释其含义。

重要

TabIndex 为零或更大时,图标或形状将成为按钮。 它的外观不会改变,但屏幕阅读器会将其视为按钮。 即使 AccessibleLabel 为空,它们也不会忽略控件。 TabIndex 小于零时,屏幕阅读器将图标或形状视为图像。

键盘支持

  • 如果将图形用作按钮,TabIndex 必须为零或更大。 然后,键盘用户可以导航到它。

  • 如果图形用作按钮,焦点指示器必须清晰可见。 使用 FocusedBorderColorFocusedBorderThickness 来实现此结果。