Поделиться через


Элемент управления Ползунок в Power Apps

Элемент управления, с помощью которого пользователь может указать значение, перетаскивая дескриптор.

Description

Пользователь может указать значение между минимальным и максимальным значением, перетаскивая дескриптор ползунка влево или вниз в зависимости от выбранного направления.

Ключевые свойства

По умолчанию — начальное значение элемента управления перед изменением пользователем.

Max — максимальное значение, для которого пользователь может задать ползунок или рейтинг.

Min — минимальное значение, для которого пользователь может задать ползунок.

Значение — значение входного элемента управления.

Дополнительные свойства

AccessibleLabel — метка для средств чтения с экрана.

BorderColor — цвет границы элемента управления.

BorderStyle — является ли граница элемента управления твердым, дефишированным, dotted или None.

BorderThickness — толщина границы элемента управления.

DisplayMode — разрешает ли элемент управления входные данные (изменить), отображается только данные (вид) или отключен (отключено).

DisabledBorderColor — цвет границы элемента управления, если для свойства DisplayMode элемента управления задано значение "Отключено".

FocusedBorderColor — цвет границы элемента управления при фокусе элемента управления.

FocusedBorderThickness — толщина границы элемента управления при фокусе элемента управления.

HandleActiveFill — цвет дескриптора ползунка, когда пользователь изменяет его значение.

HandleFill — цвет дескриптора (элемент, изменяющий положение) в элементе управления переключателя или ползунка.

HandleHoverFill — цвет дескриптора в ползунке, когда пользователь сохраняет указатель мыши на нем.

HandleSize — диаметр дескриптора.

Высота — расстояние между верхними и нижними краями элемента управления.

HoverBorderColor — цвет границы элемента управления, когда пользователь сохраняет указатель мыши на этом элементе управления.

Макет — прокручивает ли пользователь коллекцию или настраивает ползунок сверху вниз (по вертикали) или слева направо (по горизонтали).

OnChange — действия для выполнения, когда пользователь изменяет значение элемента управления (например, путем настройки ползунка).

OnSelect — действия, выполняемые при нажатии пользователем элемента управления или щелчке элемента управления.

Нажатие клавишиBorderColor — цвет границы элемента управления, когда пользователь нажимает или щелкает этот элемент управления.

RailFill — цвет фона прямоугольника в элементе управления переключателем, если его значение равно false или цвет линии справа от дескриптора в ползунке.

RailHoverFill — при наведении указателя мыши на переключатель или ползунок цвет фона прямоугольника в элементе управления переключателем, если его значение равно false или цвет линии справа от дескриптора в ползунке.

ReadOnly — может ли пользователь изменить значение ползунка или элемента управления рейтингом.

Сброс — возвращает ли элемент управления значение по умолчанию.

ShowValue — отображается ли значение ползунка или рейтинга, когда пользователь изменяет это значение или наведите указатель мыши на элемент управления.

TabIndex — порядок навигации клавиатуры относительно других элементов управления.

Подсказка — пояснительный текст, который отображается при наведении указателя мыши на элемент управления.

ValueFill — цвет фона прямоугольника в элементе управления переключателем, если его значение равно true или цвет линии слева от дескриптора в элементе управления ползунка.

ValueHoverFill — при сохранении указателя мыши на элементе управления переключателем или ползунок цвет фона прямоугольника в элементе управления переключателем, если его значение имеет значение true или цвет линии слева от дескриптора в ползунке.

Видимый — отображается ли элемент управления или скрыт.

Ширина — расстояние между левыми и правыми краями элемента управления.

X — расстояние между левым краем элемента управления и левым краем родительского контейнера (экран, если родительский контейнер отсутствует).

Y — расстояние между верхним краем элемента управления и верхним краем родительского контейнера (экран, если родительский контейнер отсутствует).

Sum( Value1, 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", Страна:"Италия", Население:2874000}, {Город:"Париж", Страна:"Франция", Население:2273000}, {Город:"Гамбург", Страна:"Германия", Население:1760000}, {Город:"Барселона", Страна:"Испания", Население:"Испания", Население:1602000}, {Город:"Мюнхен", Страна:"Германия", Население:1494000}, {City:"Милан", Страна:"Италия", Население:1344000})

    Не знаете, как добавить, имя и настроить элемент управления?

    Хотите получить дополнительные сведения о функции ClearCollect или других функциях?

  2. Нажмите клавишу F5, нажмите кнопку и нажмите клавишу ESC.

  3. Добавьте ползунок, переместите его под кнопку и назовите ползунок MinPopulation.

  4. Задайте для свойства Max ползунка значение 50000000, а его свойство Min1000000.

  5. Добавьте коллекцию текста в вертикальной или книжной ориентации, переместите ее под ползунок и задайте свойству Items коллекции следующую формулу:
    Filter(CityPopulations, Population > MinPopulation)

  6. В первом элементе коллекции задайте свойству Text верхней метки значение ThisItem.City и задайте свойству Text нижней метки следующую формулу:
    Text(ThisItem.Population, "#,###")

  7. Нажмите клавишу F5, а затем настройте MinPopulation , чтобы отобразить только те города, которые имеют население, больше указанного значения.

  8. Чтобы вернуться в рабочую область по умолчанию, нажмите клавишу ESC.

Рекомендации по специальным возможностям

Цветовой контраст

Между ними должна быть достаточная контрастность цвета:

  • ValueFill и RailFill
  • ValueHoverFill и RailHoverFill
  • FocusedBorderColor и цвет за пределами элемента управления
  • Цвет valueFill и фона
  • RailFill и цвет фона
  • ValueHoverFill и цвет фона
  • RailHoverFill и цвет фона

Поддержка средства чтения с экрана

Поддержка клавиатуры

  • TabIndex должен быть равен нулю или больше, чтобы пользователи клавиатуры могли перейти к нему.
  • Индикаторы фокуса должны быть четко видимыми. Для этого используйте FocusedBorderColor и FocusedBorderThickness .
  • Значение ползунка должно отображаться при взаимодействии с клавиатурой. Это можно достичь одним из следующих методов: