Switch#


../../_images/switch.png

Основные сведения#

Компонент “Switch” представляет собой элемент интерфейса, позволяющий пользователю включать или выключать определенную функцию, опцию или состояние. Этот компонент часто используется для предоставления возможности быстро переключать между двумя состояниями(True/False).

Параметры#

Component properties

Группа настроек

Пол настройки

Варианты значений

Назначение

Name

-

Наименование UI Компонента в системе

Common

Disabled

true, false

Свойство позволяет отключить элемент на форме

Required

true, false

Свойство делает элемент обязательным для заполнения перед отправкой формы

Label

-

Содержит оглавление текстового контейнера

Binding

Множественный выбор Catalog

Содержит связанное поле типа “Catalog” из модели

Events

On value changed

-

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

CSS properties

Группа настроек

Поле настройки

Варианты значений

Назначение

Layout

Width

-

Ширина компонента

Height

-

Высота компонента

Grow

true, false

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

Margin

-

Свойство определяет внешний отступ на всех четырёх сторонах элемента

Padding

-

Свойство устанавливает внутренние отступы поля со всех сторон элемента

Appearance

CornerRadius

-

Свойство используется для закругления углов элемента

BorderThickness

-

Свойство позволяет задать рамки для элемента

Brush

Background

-

Свойство устанавливает цвет фона элемента

BorderBrush

-

Свойство устанавливает цвет рамки элемента


Кейсы#

  • Двоичные выборы: Switch применяется для бинарных выборов, таких как включение/выключение звука, уведомлений и других опций.

  • Управление состоянием: Можно использовать Switch для управления состоянием определенного элемента интерфейса.

Исключения#

  • Неясность состояния: Если не очевидно, что означает включенное и выключенное состояние, пользователи могут столкнуться с путаницей.