Power Apps 中的滑块控件

用户可以通过拖动句柄来指定值的控件。

Description

用户可以通过拖动滑块从左向右或向上向下拖动滑块的句柄,根据所选方向来指示最小值和最大值之间的值。

键属性

默认值 – 用户更改控件之前控件的初始值。

最大值 – 用户可以设置滑块或分级的最大值。

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

– 输入控件的值。

其他属性

AccessibleLabel – 屏幕阅读器标签。

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 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 – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

SumValue1,Value2

Example

  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:“Germany”:1494000}, {City:“米兰”, 国家:“意大利”, 人口:1344000})

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

    想要详细了解 ClearCollect 函数 或其他函数

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

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

  4. 将滑块的 Max 属性设置为 50000000,并将滑块的 Min 属性设置为 1000000。

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

  6. 在库的第一项中,将顶部标签的 Text 属性设置为 ThisItem.City,并将底部标签的 Text 属性设置为以下公式:
    Text(ThisItem.Population, “##,###”)

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

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

辅助功能指南

颜色对比度

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

  • ValueFillRailFill
  • ValueHoverFillRailHoverFill
  • FocusedBorderColor 和控件外部部分的颜色
  • ValueFill 和背景色
  • RailFill 和背景色
  • ValueHoverFill 和背景色
  • RailHoverFill 和背景色

屏幕阅读器支持

键盘支持