Power Apps 中的 形状 和 图标 控件

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

描述

这些控件包括箭头、几何形状、操作图标和符号,您可以为其配置诸如 fill、size 和 location 之类的属性。 此外,还可以配置其 OnSelect 属性,以便应用在用户选择控件时作出响应。

关键属性(图标和形状)

Fill – 控件的背景色。

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

关键属性(仅图标)

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

Rotation - 旋转图标的度数。

Color - 按名称或 RGBA 值划分的图标颜色。

其他属性

AccessibleLabel – 屏幕阅读器标签。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。

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

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

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

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

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

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

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

Visible – 控件显示还是隐藏。

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

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

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

相关函数

Navigate( ScreenName, ScreenTransition )

示例

  1. 将默认 屏幕 控件命名为目标,添加 标签 控件,然后将**Text** 属性设置为显示目标

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

  2. 添加 屏幕 控件,然后将其命名为

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

Navigate(Target, ScreenTransition.Fade)

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

    将会出现目标屏幕。

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

Navigate(Source, ScreenTransition.Fade)

辅助功能准则

颜色对比度

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

对于图标:

对于带边框的形状:

对于没有边框的形状:

  • Fill 和控件范围之外的颜色
  • PressedFill 和控件范围之外的颜色(如果用作按钮)
  • HoverFill 和控件范围之外的颜色(如果用作按钮)

屏幕阅读器支持

  • 必须为重要图形设置 AccessibleLabel

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

例如,您可以将一个图标放在**标签** 旁边,上面显示此表单无法修改。 此图标不需要 AccessibleLabel,因为此 Label 已经说明了它的含义。

重要

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

键盘支持

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

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

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

此调查大约需要七分钟。 不会收集个人数据(隐私声明)。