Элемент управления Кнопка-переключатель в Power Apps

  • Статья

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

Описание

Элемент управления Кнопка-переключатель — стандартный HTML-элемента ввода — лучше всего использовать с несколькими взаимоисключающими вариантами.

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

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

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

Items — источник данных, отображаемых в элементе управления, такой как коллекция, список или диаграмма.

Layout — вертикальное или горизонтальное расположение.

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

Selected — запись данных, представляющая выбранный элемент.

Все свойства

Align  — расположение текста относительно центра элемента управления по горизонтали.

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

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или None.

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

Color  — цвет текста в элементе управления.

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

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

DisabledColor — цвет текста в элементе управления, если для его свойства DisplayMode установлено значение Disabled.

DisabledFill — цвет фона элемента управления, если для его свойства DisplayMode установлено значение Disabled.

Fill  — цвет фона элемента управления.

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

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

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

FontWeight  — толщина текста в элементе управления: Bold (Жирный), Semibold (Полужирный), Normal (Обычный) или Lighter (Очень тонкий).

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( источник_данных, имя_столбца )

Пример

  1. Добавьте элемент управления Кнопка-переключатель, назовите его Pricing (Цены) и укажите для свойства Items следующую формулу:

    ["Standard", "Premium"]

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

  2. Добавьте элемент управления Подпись, переместите его под элемент управления Кнопка-переключатель и укажите для свойства Text элемента управления Подпись следующую формулу:

    If("Premium" in Pricing.Selected.Value, "200 долларов в день", "150 долларов в день")

    Нуждаетесь в дополнительных сведениях о функции If или других функциях?

  3. Удерживая нажатой клавишу ALT, выберите любой из вариантов в элементе управления Кнопка-переключатель.

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

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

Руководство по настройке специальных возможностей

Контрастность цветов

В дополнение к стандартным требованиям к контрастности необходимо обеспечить достаточную контрастность между:

  • RadioSelectionFill и RadioBackgroundFill
  • RadioBackgroundFill и Fill

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

  • Убедитесь, что каждый параметр имеет значение Value.
  • Рекомендуем добавить элемент управления Подпись сразу перед элементом управления Кнопка-переключатель, чтобы он выступал в роли заголовка.

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

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

Примечание

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

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