显示多个选项的输入控件,其中用户一次只能选择一个。
Description
单选控件(标准 HTML 输入控件)最好只与少数互斥选项一起使用。
该控件可以具有水平布局或垂直布局。
键属性
默认值 – 用户更改控件之前控件的值。
项 – 显示在控件(如库、列表或图表)中的数据源。
布局 – 选项是垂直布局还是水平布局。
值 – 输入控件的值。
已选择 – 表示所选项的数据记录。
所有属性
对齐 - 文本相对于其控件的水平中心的位置。
BorderColor – 控件边框的颜色。
BorderStyle – 控件的边框是 Solid、 Dashed、 Dotted 还是 None。
BorderThickness – 控件边框的粗细。
颜色 – 控件中的文本颜色。
DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。
DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。
DisabledColor – 控件中的文本颜色(如果控件的 DisplayMode 属性设置为 Disabled)。
DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时的背景色。
填充 – 控件的背景色。
FocusedBorderColor – 当控件聚焦时控件边框的颜色。
FocusedBorderThickness – 当控件聚焦时控件边框的粗细。
字体 – 显示文本的字体系列的名称。
FontWeight – 控件中文本的粗细: 粗体、 半曲、 普通或 较轻。
高度 – 控件的上边缘和下边缘之间的距离。
HoverColor – 当用户将鼠标指针放在控件上时,控件中文本的颜色。
HoverFill – 当用户将鼠标指针放在控件上时,控件的背景色。
斜体 – 控件中的文本是否为斜体。
LineHeight – 列表中的文本或项目行之间的距离。
OnChange – 当用户更改控件值时要执行的作(例如,通过调整滑块)。
OnSelect – 当用户点击或单击控件时要执行的作。
PaddingBottom – 控件中的文本与该控件的下边缘之间的距离。
PaddingLeft – 控件中的文本与该控件的左边缘之间的距离。
PaddingRight – 控件中的文本与该控件右边缘之间的距离。
PaddingTop – 控件中的文本与该控件的上边缘之间的距离。
PressedColor – 当用户点击或单击该控件时控件中的文本颜色。
PressedFill – 当用户点击或单击该控件时控件的背景色。
RadioBackgroundFill – 单选按钮控件中圆圈的背景色。
RadioBorderColor – 单选按钮控件中每个选项的圆圈颜色。
RadioSelectionFill – 单选按钮控件中所选选项圆圈内显示的颜色。
RadioSize – 单选按钮控件中圆的直径。
重置 – 控件是否还原为其默认值。
SelectedText (已弃用) - 一个表示所选项的字符串值。
大小 – 控件上显示的文本的字号。
删除线 – 是否通过控件上显示的文本显示线条。
TabIndex – 相对于其他控件的键盘导航顺序。
工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。
下划线 – 是否在控件上显示的文本下显示一行。
可见 – 控件是显示还是隐藏。
宽度 – 控件的左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
相关函数
Distinct( DataSource、 ColumnName )
Example
添加 单选 控件,将其命名为 “定价”,并将其 Items 属性设置为以下公式:
[“Standard”, “Premium”]
不知道如何添加、命名和配置控件?
添加标签控件,将其移动到单选控件下方,并将 Label 控件的 Text 属性设置为以下公式:
If(“Premium”in Pricing.Selected.Value, “$200 per”, “$150 per day”)
按住 Alt 键时,选择 单选 控件中的任一选项。
“标签”控件显示所选的相应文本。
(可选)按住 Alt 键时,选择另一个选项以确认显示相应的文本。
辅助功能指南
颜色对比度
除了 标准颜色对比度要求外,请确保以下两者之间有足够的颜色对比度:
- RadioSelectionFill 和 RadioBackgroundFill
- RadioBackgroundFill 和 Fill
屏幕阅读器支持
键盘支持
- 将 TabIndex 属性设置为零或更大,以便键盘用户可以导航到它。
- 设置 FocusedBorderColor 和 FocusedBorderThickness 属性,以便焦点指示器清晰可见。