可以为其配置外观和行为属性的图形。
Description
这些控件包括箭头、几何形状、作图标和可以为其配置填充、大小和位置等属性的符号。 还可以配置其 OnSelect 属性,以便应用在用户选择控件时做出响应。
关键属性(图标和形状)
填充 – 控件的背景色。
OnSelect – 当用户选择控件时要执行的作。
键属性(仅限图标)
图标 - 要显示的图标类型(例如 ArrowDown 或 ShoppingCart)。
旋转 - 旋转图标的度数。
颜色 - 按名称或 RGBA 值显示图标的颜色。
其他属性
AccessibleLabel – 屏幕阅读器标签。
DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。
FocusedBorderColor – 当控件聚焦时控件边框的颜色。
FocusedBorderThickness – 当控件聚焦时控件边框的粗细。
高度 – 控件的上边缘和下边缘之间的距离。
HoverFill – 当用户将鼠标指针放在控件上时,控件的背景色。
PressedBorderColor – 当用户选择该控件时控件边框的颜色。
PressedFill – 当用户选择该控件时控件的背景色。
TabIndex – 相对于其他控件的键盘导航顺序。
可见 – 控件是显示还是隐藏。
宽度 – 控件的左边缘和右边缘之间的距离。
X – 控件的左边缘与其父容器的左边缘之间的距离(如果没有父容器时显示屏幕)。
Y – 控件的上边缘与父容器的上边缘之间的距离(如果没有父容器时屏幕)。
相关函数
Navigate( ScreenName、 ScreenTransition )
Example
将默认 屏幕 控件 目标命名为“ 标签” 控件,并设置其 Text 属性以显示 “目标”。
不知道如何 添加和配置控件?
添加 屏幕 控件,并将其命名为 “源”。
在 Source 中添加 Shape 控件,并将其 OnSelect 属性设置为以下公式:
Navigate(Target, ScreenTransition.Fade)
按 F5,然后选择 “形状 ”控件。
此时会显示 “目标” 屏幕。
(可选)按 Esc 返回到默认工作区,将 Shape 控件添加到 Target,并将 Shape 控件的 OnSelect 属性设置为以下公式:
Navigate(Source, ScreenTransition.Fade)
辅助功能指南
颜色对比度
以下内容仅适用于用作按钮的图形,或者不适用于修饰。
对于图标:
对于带有边框的形状:
- BorderColor 和控件外部的颜色
- FocusedBorderColor 和控件外部的颜色(如果用作按钮)
对于没有边框的形状:
屏幕阅读器支持
必须为重要图形设置 AccessibleLabel。
如果图形用于修饰或提供冗余信息,请将 AccessibleLabel 留空或将其设置为空字符串 “” 。 屏幕阅读器将忽略这些图形。
例如,可以将 “锁定” 图标放在 标签 旁边,指出 无法修改此窗体。 不需要图标的 AccessibleLabel ,因为 标签 已解释其含义。
重要
TabIndex 为零或更大时,图标或形状将成为按钮。 它的外观不会改变,但屏幕阅读器会将其视为按钮。 即使 AccessibleLabel 为空,它们也不会忽略控件。 TabIndex 小于零时,屏幕阅读器将图标或形状视为图像。
键盘支持
如果将图形用作按钮,TabIndex 必须为零或更大。 然后,键盘用户可以导航到它。
如果图形用作按钮,焦点指示器必须清晰可见。 使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此结果。