用户可以通过拖动句柄来指定值的控件。
Description
用户可以通过拖动滑块从左向右或向上向下拖动滑块的句柄,根据所选方向来指示最小值和最大值之间的值。
键属性
默认值 – 用户更改控件之前控件的初始值。
最大值 – 用户可以设置滑块或分级的最大值。
最小值 – 用户可以设置滑块的最小值。
值 – 输入控件的值。
其他属性
AccessibleLabel – 屏幕阅读器标签。
BorderColor – 控件边框的颜色。
BorderStyle – 控件的边框是 Solid、 Dashed、 Dotted 还是 None。
BorderThickness – 控件边框的粗细。
DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。
DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。
FocusedBorderColor – 当控件聚焦时控件边框的颜色。
FocusedBorderThickness – 当控件聚焦时控件边框的粗细。
HandleActiveFill – 用户更改其值时滑块的句柄颜色。
HandleFill – 在切换或滑块控件中更改位置的句柄(更改位置的元素)的颜色。
HandleHoverFill – 当用户将鼠标指针放在滑块上时手柄的颜色。
HandleSize – 手柄的直径。
高度 – 控件的上边缘和下边缘之间的距离。
HoverBorderColor – 当用户在该控件上保留鼠标指针时控件边框的颜色。
布局 – 用户是滚动浏览库,还是将滑块从上到下(垂直)或从左到右(水平)调整。
OnChange – 当用户更改控件值时要执行的作(例如,通过调整滑块)。
OnSelect – 当用户点击或单击控件时要执行的作。
PressedBorderColor – 当用户点击或单击该控件时控件边框的颜色。
RailFill – 当矩形的值 为 false 或滑块控件中句柄右侧线条的颜色时,该矩形在切换控件中的背景色。
RailHoverFill – 将鼠标悬停在切换控件或滑块上时,切换控件中矩形的背景色为 false ,或者滑块控件中控点右侧线条的颜色。
ReadOnly – 用户是否可以更改滑块或分级控件的值。
重置 – 控件是否还原为其默认值。
ShowValue – 滑块或分级的值在用户更改该值或将鼠标悬停在控件上时显示。
TabIndex – 相对于其他控件的键盘导航顺序。
工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。
ValueFill – 当矩形的值 为 true 时,该矩形在切换控件中的背景色或滑块控件中手柄左侧线条的颜色。
ValueHoverFill – 在切换控件或滑块上保留鼠标指针时,当该矩形的值 为 true 时,该矩形的背景色或滑块控件中手柄左侧线条的颜色。
可见 – 控件是显示还是隐藏。
宽度 – 控件的左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
相关函数
Example
添加一个按钮,然后将其 OnSelect 属性设置为以下公式:
ClearCollect(CityPopulations, {City:“London”, Country:“United Kingdom”, Population:8615000}, {City:“Berlin”, Country:“Germany”, Population:3562000}, {City:“Madrid”, Country:“Spain”, Population:3165000}, {City:“Rome”, Country:“Italy”, Population:2874000}、 {City:“Paris”, Country:“France”, Population:2273000}, {City:“Hamburg”, Country:“Germany”, Population:1760000}, {City:“Barcelona”, Country:“Spain”, Population:1602000}, {City:“Munich”, Country:“Germany”, Population:“Germany”:1494000}, {City:“米兰”, 国家:“意大利”, 人口:1344000})不知道如何 添加、命名和配置控件?
想要详细了解 ClearCollect 函数 或其他函数?
按 F5,选择按钮,然后按 Esc。
添加滑块,将其移动到按钮下方,并将滑块 命名为 MinPopulation。
将滑块的 Max 属性设置为 50000000,并将滑块的 Min 属性设置为 1000000。
以垂直/纵向方向添加文本库,将其移动到滑块下方,并将库的 Items 属性设置为以下公式:
Filter(CityPopulations, Population > MinPopulation)在库的第一项中,将顶部标签的 Text 属性设置为 ThisItem.City,并将底部标签的 Text 属性设置为以下公式:
Text(ThisItem.Population, “##,###”)按 F5,然后调整 MinPopulation 以仅显示那些人口大于指定值的城市。
若要返回到默认工作区,请按 Esc。
辅助功能指南
颜色对比度
在以下两者之间必须有足够的颜色对比度:
- ValueFill 和 RailFill
- ValueHoverFill 和 RailHoverFill
- FocusedBorderColor 和控件外部部分的颜色
- ValueFill 和背景色
- RailFill 和背景色
- ValueHoverFill 和背景色
- RailHoverFill 和背景色
屏幕阅读器支持
- AccessibleLabel 必须存在。
键盘支持
- TabIndex 必须为零或更大,以便键盘用户可以导航到它。
- 焦点指示器必须清晰可见。 使用 FocusedBorderColor 和 FocusedBorderThickness 来实现此目的。
- 与键盘交互时,必须显示滑块值。 这可以通过以下任一方法实现: