Power Apps 中的滑块控件

一个控件,用户可通过拖动图柄使用该控件指定值。

描述

用户可通过左右或上下拖动滑块图柄来指示介于指定的最小值和最大值之间的值,具体取决于所选方向。

关键属性

Default – 用户更改控件前的初始值。

Max – 用户可对滑块或评分设置的最大值。

Min – 用户可对滑块设置的最小值。

Value – 输入控件的值。

其他属性

AccessibleLabel – 屏幕阅读器标签。

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

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

DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件边框的颜色。

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

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

HandleActiveFill – 用户更改滑块值时,该滑块图柄的颜色。

HandleFill – 切换控件或滑块控件中的图柄(用于更改位置的元素)颜色。

HandleHoverFill – 用户将鼠标指针停留在滑块上时,该滑块中的图柄颜色。

HandleSize – 句柄直径。

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

HoverBorderColor – 用户将鼠标指针停留在控件上时,该控件边框的颜色。

Layout – 用户是滚动浏览库还是从上到下 (Vertical) 或从左到右 (Horizontal) 调整滑块。

OnChange - 用户更改控件的值(例如,通过调整滑块)时要执行的操作。

OnSelect – 当用户点击或单击控件时要执行的操作。

PressedBorderColor – 用户在点击或单击控件时,该控件边框的颜色。

RailFill – 切换控件的值为 false 时该控件中矩形的背景色,或滑块控件中控点右侧线条的颜色。

RailHoverFill – 将鼠标悬停在切换控件或滑块上时,切换控件(其值为 false)中矩形的背景色,或滑块控件中控点右侧线条的颜色。

ReadOnly – 用户是否可以更改滑块或评分控件的值。

Reset – 控件是否还原为其默认值。

ShowValue – 当用户更改滑块或评分的值或将鼠标悬停在控件上时,是否显示该值。

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

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

ValueFill – 切换控件的值为 true 时该控件中矩形的背景色,或滑块控件中控点左侧线条的颜色。

ValueHoverFill – 将鼠标指针停留在切换控件或滑块上时,切换控件(其值为 true)中矩形的背景色,或滑块控件中控点左侧线条的颜色。

Visible – 控件显示还是隐藏。

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

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

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

Sum( Value1, Value2 )

示例

  1. 添加一个按钮,然后将其 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:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

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

    想要了解有关 ClearCollect 函数或其他函数的详细信息?

  2. 按 F5,选择该按钮,然后按 Esc。

  3. 添加一个滑块,将其移动到按钮下方,然后将滑块命名为 MinPopulation

  4. 将滑块的 Max 属性设置为 5000000Min 属性设置为 1000000

  5. 在垂直方向/纵向添加一个文本库,将其移动到滑块下方,然后将该库的 Items 属性设置为以下公式:
    Filter(CityPopulations, Population > MinPopulation)

  6. 在库的第一个项中,将顶部标签的 文本 属性设置为 ThisItem.City,然后将底部标签的 文本 属性设置为以下公式:
    Text(ThisItem.Population, "##,###")

  7. 按 F5,然后调整 MinPopulation 以仅显示人口数大于所指定值的城市。

  8. 要返回默认工作区,按 Esc。

辅助功能准则

颜色对比度

在以下项之间必须有足够的颜色对比度:

  • ValueFillRailFill
  • ValueHoverFillRailHoverFill
  • FocusedBorderColor 和控件范围之外的颜色
  • ValueFill 和背景色
  • RailFill 和背景色
  • ValueHoverFill 和背景色
  • RailHoverFill 和背景色

屏幕阅读器支持

键盘支持

  • TabIndex 必须为零或更大,以便键盘用户可以导航到它。
  • 焦点指示器必须清晰可见。 可以使用 FocusedBorderColorFocusedBorderThickness 来实现此目的。
  • 与键盘交互时,必须显示滑块值。 这可以通过以下任一方法实现:
    • ShowValue 设置为 true
    • 在滑块旁边添加 Label。 将标签的 文本 设置为滑块的 Value