Text Field#


../../_images/text-field.png

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

“Text Field” - это UI-компонент, предназначенный для отображения и настройки ввода и вывода текста.

Параметры#

Component properties

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

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

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

Назначение

Name

-

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

Common

Disabled

true, false

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

Required

true, false

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

Label

-

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

Binding

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

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

Events

On value changed

-

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

Tab index

Целое положительное число начиная с нуля

Устанавливает порядок переключения активных (редактируемых) полей через клавиатуру (к примеру, клавишу Tab)

CSS properties

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

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

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

Назначение

Layout

Width

-

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

Height

-

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

Grow

true, false

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

Margin

-

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

Padding

-

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

Appearance

CornerRadius

-

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

BorderThickness

-

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

Brush

Background

-

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

BorderBrush

-

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


Кейсы#

  • Формы ввода данных: Используется для сбора текстовой информации от пользователей.

  • Настройки интерфейса: Предоставляет пользовательский интерфейс для ввода или изменения текста.

Исключения#

  • Ограниченная функциональность: Подходит только для текстового ввода.