Елемент керування "Повзунок" у Power Apps

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

Опис

Користувач може вказати значення (між указаними мінімальним і максимальним значеннями), перетягуючи маркер повзунка вліво-вправо або вгору-вниз, залежно від обраного напрямку.

Ключові властивості

За замовчуванням – початкове значення елемента керуванням перед тим, як його змінює користувач.

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

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

Value  – значення елемента керування вводом.

Додаткові властивості

AccessibleLabel  – підпис для невізуальних екранів.

BorderColor  – колір межі елемента керування.

BorderStyle  – визначає стиль межі елемента керування: Суцільна, Штрихова, Пунктирна або Немає.

BorderThickness  – товщина межі елемента керування.

DisplayMode  – визначає, чи елемент керування дозволяє ввід даних користувачем (Редагування), лише відображає дані (Перегляд) або ж є вимкнутим (Вимкнуто).

DisabledBorderColor  – колір межі елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled (Вимкнуто).

FocusedBorderColor  – колір межі елемента керування, коли він перебуває у фокусі.

FocusedBorderThickness  – товщина межі елемента керування, коли він перебуває у фокусі.

HandleActiveFill – колір маркера повзунка, коли користувач змінює значення.

HandleFill – колір маркера (елемент, що змінює положення) в елементі керування "Перемикач" або "Повзунок".

HandleHoverFill – колір маркера повзунка в разі наведення на нього курсору.

HandleSize – діаметр маркера.

Height  – відстань між верхнім і нижнім краями елемента керування.

HoverBorderColor  – колір межі елемента керування в разі наведення на нього курсору.

Layout – визначає, чи користувач прокручує галерею або переміщує повзунок згори донизу (Вертикально) чи зліва направо (Горизонтально).

OnChange – дії, які виконуються, коли користувач змінює значення елемента керування (наприклад, налаштовує повзунок).

OnSelect – дії, які виконуються, коли користувач натискає елемент керування.

PressedBorderColor  – колір межі елемента керування, коли користувач його торкається або клацає.

Raraifill – колір фону прямокутника в перемикачі, коли його значення false, або колір рядка праворуч від маркера в елементі керування повзунком.

RailHoverFill – якщо ви наводите курсор на перемикач або повзунок, колір фону прямокутника в перемикачі в разі значення false або колір рядка праворуч від маркера в елементі керування повзунком.

ReadOnly – визначає, чи може користувач змінити значення елемента керування повзунком або оцінкою.

Reset  – визначає, чи повертається елемент керування до значення за замовчуванням.

ShowValue – визначає, чи з’являється значення повзунка або оцінки в разі зміни користувачем цього значення або наведення курсору на елемент керування.

TabIndex  – порядок переходів за допомогою клавіатури відносно інших елементів керування.

Tooltip  – пояснювальний текст, що з’являється в разі наведення курсору на елемент керування.

ValueFill – колір фону прямокутника в перемикачі, коли його значення true або колір рядка ліворуч від маркера в елементі керування повзунком.

ValueHoverFill – якщо ви наводите курсор на перемикач або повзунок, колір фону прямокутника в перемикачі в разі значення true або колір рядка ліворуч від маркера в елементі керування повзунком.

Visible  – відображення або приховання елемента керування.

Width  – відстань між лівим і правим краями елемента керування.

X  – відстань між лівим краєм елемента керування та лівим краєм його батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Y  – відстань між верхнім краєм елемента керування та верхнім краєм батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Пов’язані функції

Sum( Value1, Value2 )

Приклад

1. Додайте кнопку та настройте її властивість OnSelect відповідно до нижченаведеної формули.
   ClearCollect(CityPopulations, {City:"Лондон", Country:"Сполучене Королівство", Population:8615000}, {City:"Берлін", Country:"Німеччина", Population:3562000}, {City:"Мадрид", Country:"Іспанія", Population:3165000}, {City:"Рим", Country:"Італія", Population:2874000}, {City:"Париж", Country:"Франція", Population:2273000}, {City:"Гамбург", Country:"Німеччина", Population:1760000}, {City:"Барселона", Country:"Іспанія", Population:1602000}, {City:"Мюнхен", Country:"Німеччина", Population:1494000}, {City:"Мілан", Country:"Італія", 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.
  • Додайте поруч із повзунком елемент керування Label. Настройте властивість Text підпису відповідно до властивості Value повзунка.