Power Apps 中的 形状 和 图标 控件
您可以为其配置外观和行为属性的图形。
描述
这些控件包括箭头、几何形状、操作图标和符号,您可以为其配置诸如 fill、size 和 location 之类的属性。 此外,还可以配置其 OnSelect 属性,以便应用在用户选择控件时作出响应。
关键属性(图标和形状)
Fill – 控件的背景色。
OnSelect – 当用户选择控件时要执行的操作。
关键属性(仅图标)
图标 - 要显示的图标的类型(例如,ArrowDown 或 ShoppingCart)。
Rotation - 旋转图标的度数。
Color - 按名称或 RGBA 值划分的图标颜色。
其他属性
AccessibleLabel – 屏幕阅读器标签。
DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。
FocusedBorderColor – 当聚焦到控件时,控件的边框颜色。
FocusedBorderThickness – 当聚焦到控件时,控件的边框粗细。
Height – 控件上边缘和下边缘之间的距离。
HoverFill – 用户将鼠标指针停留在控件上时,该控件的背景色。
PressedBorderColor – 用户选择控件时,该控件边框的颜色。
PressedFill – 用户选择控件时,该控件的背景色。
TabIndex – 相对于其他控件的键盘导航顺序。
Visible – 控件显示还是隐藏。
Width – 控件左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
相关函数
Navigate( ScreenName, ScreenTransition )
示例
将默认 屏幕 控件命名为目标,添加 标签 控件,然后将**Text** 属性设置为显示目标。
不知道如何添加和配置控件?
添加 屏幕 控件,然后将其命名为源。
在源中,添加形状控件,并将其 OnSelect 属性设置为以下公式:
Navigate(Target, ScreenTransition.Fade)
按 F5,然后选择形状控件。
将会出现目标屏幕。
(可选)按 Esc 返回默认工作区,向目标添加形状控件,并将形状控件的 OnSelect 属性设置为以下公式:
Navigate(Source, ScreenTransition.Fade)
辅助功能准则
颜色对比度
以下仅适用于用作按钮的图形,或者不只是用于修饰。
对于图标:
对于带边框的形状:
- BorderColor 和控件范围之外的颜色
- FocusedBorderColor 和控件范围之外的颜色(如果用作按钮)
对于没有边框的形状:
- Fill 和控件范围之外的颜色
- PressedFill 和控件范围之外的颜色(如果用作按钮)
- HoverFill 和控件范围之外的颜色(如果用作按钮)
屏幕阅读器支持
必须为重要图形设置 AccessibleLabel。
如果图形用于装饰或提供冗余信息,请将 AccessibleLabel 留空或将其设置为空字符串 ""。 屏幕阅读器会忽略这些图形。
例如,您可以将一个锁图标放在**标签** 旁边,上面显示此表单无法修改。 此图标不需要 AccessibleLabel,因为此 Label 已经说明了它的含义。
重要
当 TabIndex 为零或更大时,图标或形状将变为按钮。 它的外观不会改变,但屏幕阅读器会将其视为一个按钮。 它们不会忽略控件,即使 AccessibleLabel 为空。 当 TabIndex 小于零时,屏幕阅读器会将图标或形状视为图像。
键盘支持
如果图形用作按钮,TabIndex 必须为零或更大。 然后键盘用户可以导航到此按钮。
如果图形用作按钮,焦点指示器必须清楚显示。 可以使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此结果。