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

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

  • Статья

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

Описание

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

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

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

Max — максимальное значение, которое может задать пользователь с помощью ползунка или оценки.

Min — минимальное значение, которое может задать пользователь с помощью ползунка или оценки.

Value  — значение элемента управления.

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

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

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

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или 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(значение1, значение2)

Пример

  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 ползунка значение 5000000, а для свойства Min — 1000000.

  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 и цвет фона

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

  • Должен присутствовать элемент AccessibleLabel.

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

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

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).