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


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

Елемент керування вводом, що відображає кілька варіантів, із яких користувачі можуть вибирати тільки один за раз.

Опис

Елемент керування Перемикач, стандартний елемент керування вводом HTML, найкраще використовувати лише з кількома взаємовиключними варіантами.

Елемент керування може мати горизонтальне або вертикальне компонування.

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

Default  – значення елемента керування до внесення змін користувачем.

Items  – джерело даних, що відображаються в елементі керування, як-от галерея, список або діаграма.

Layout – визначає спосіб розміщення варіантів: вертикально або горизонтально.

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

Selected – запис даних, що відповідає вибраному елементу.

Усі властивості

Align  – розташування тексту відносно центра його елемента керування за горизонталлю.

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

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

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

Color  – колір тексту в елементі керування.

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

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

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

DisabledFill  – колір фону елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled.

Fill  – колір фону елемента керування.

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

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

Font  – ім’я сімейства шрифтів, що використовується для відображення тексту.

FontWeight  – стиль шрифту в елементі керування: Жирний, Напівжирний, Звичайний або Ненасичений.

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

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

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

Italic  – виділення тексту в елементі керування курсивом.

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

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

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

PaddingBottom  – відстань між текстом в елементі керування та нижнім краєм цього елемента керування.

PaddingLeft  – відстань між текстом в елементі керування та лівим краєм цього елемента керування.

PaddingRight  – відстань між текстом в елементі керування та правим краєм цього елемента керування.

PaddingTop  – відстань між текстом в елементі керування та верхнім краєм цього елемента керування.

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

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

RadioBackgroundFill – колір фону кіл в елементі керування "Перемикач".

RadioBorderColor – колір кола кожного варіанта в елементі керування "Перемикач".

RadioSelectionFill – колір, що відображається всередині кола вибраного варіанта в елементі керування "Перемикач".

RadioSize – діаметр кіл в елементі керування "Перемикач".

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

SelectedText (вилучено)  – рядкове значення, що відповідає вибраному елементу.

Size  – розмір шрифту тексту, що відображається на елементі керування.

Strikethrough  – відображення лінії, що закреслює текст на елементі керування.

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

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

Underline  – відображення лінії під текстом на елементі керування.

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

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

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

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

Distinct( DataSource, ColumnName )

Приклад

  1. Додайте елемент керування Перемикач, давши йому ім’я Pricing, і настройте його властивість Items відповідно до нижченаведеної формули.

    ["Стандартна", "Преміальна"]

    Не знаєте, як додати, іменувати та настроїти елемент керування?

  2. Додайте елемент керування Label, розмістіть його під елементом керування Перемикач та настройте властивість Текст елемента керування Label відповідно до зазначеної нижче формули.

    If("Преміальна" in Pricing.Selected.Value, "200 дол. США на день", "150 дол. США на день")

    Потрібні додаткові відомості про функцію If або інші функції?

  3. Утримуючи натиснутою клавішу Alt, виберіть один із варіантів у елементі керування Перемикач.

    Елемент керування Label відобразить відповідний текст на ваш вибір.

  4. (Необов’язково) Утримуючи натиснутою клавішу Alt, виберіть інший варіант, щоб переконатися у відображенні відповідного тексту.

Рекомендації щодо спеціальних можливостей

Контрастність кольору

Окрім виконання стандартних вимог до контрастності кольору, необхідно забезпечити належну контрастність кольору між:

  • властивостями RadioSelectionFill і RadioBackgroundFill;
  • властивостями RadioBackgroundFill і Fill.

Підтримка невізуального екрана

  • Переконайтеся, що кожен варіант має властивість Value.
  • Розгляньте можливість додавання елемента керування Label, що слугуватиме за заголовок, безпосередньо перед елементом керування Перемикач.

Підтримка клавіатури

  • Установіть для властивості TabIndex значення "нуль" або більше, щоб користувачі клавіатури могли перейти до неї.
  • Настройте властивості FocusedBorderColor і FocusedBorderThickness так, щоб було чітко видно індикатори фокуса.

Примітка

Розкажіть нам про свої уподобання щодо мови документації? Візьміть участь в короткому опитуванні. (зверніть увагу, що це опитування англійською мовою)

Проходження опитування займе близько семи хвилин. Персональні дані не збиратимуться (декларація про конфіденційність).