Label#
Основные сведения#
Label - это базовый UI-компонент, предназначенный для отображения текстовых нередактируемых полей на экранных формах приложения. Этот компонент широко используется для добавления описательного текста, заголовков или просто для отображения информации, которую пользователь не может изменять.
Параметры#
Свойства Компонента:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
(Общие) |
Name |
- |
Наименование UI-Компонента в системе |
Text |
Font size |
- |
Размер шрифта |
Color |
- |
Цвет текста (CSS) |
|
Bold |
true, false |
Жирный шрифт |
|
Italic |
true, false |
Курсивный шрифт |
|
Text alignment |
Left, Right, Center, Justify |
Выравнивание текста |
|
Common |
Binding |
Множественный выбор Catalog |
Привязка к данным |
Value |
- |
Статическое значение поля |
|
Format |
- |
Формат ввода/вывода данных (Для DataTime) |
CSS Свойства:
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Layout |
Align items |
None, Center, End, Start, Stretch |
Выравнивание элементов в флекс-контейнере |
Width |
- |
Ширина компонента |
|
Height |
- |
Высота компонента |
|
Grow |
true, false |
Растягивание компонента в контейнере |
|
Margin |
- |
Внешний отступ |
|
Padding |
- |
Внутренний отступ |
|
Appearance |
CornerRadius |
- |
Закругление углов |
BorderThickness |
- |
Толщина рамки |
|
Brush |
Background |
- |
Цвет фона |
BorderBrush |
- |
Цвет рамки |
Кейсы#
Информационные подсказки: Использование label для предоставления вспомогательной информации рядом с другими UI элементами, например, для пояснения функций кнопок или вводимых данных.
Заголовки секций: Label может служить заголовками для различных разделов интерфейса, четко разграничивая контент для улучшения пользовательского опыта.
Отображение статуса: В случаях, когда необходимо отобразить статус или результат операции, label может использоваться для показа соответствующих сообщений (например, “Загрузка…”, “Успешно выполнено”).
Исключения#
Нередактируемость: Label не предназначен для ввода или редактирования текста пользователем. Попытки использовать её для этих целей приведут к неэффективному дизайну интерфейса.
Ограничения по форматированию: Хотя label позволяет определенный уровень настройки текста, она не может содержать сложные текстовые элементы, такие как гиперссылки или встроенные изображения.