Panel#
Основные сведения#
“Panel” - это UI-компонент, предназначенный для отображения и настройки базового контейнера, он используется для позиционирования и организации элементов в приложении.
Параметры#
Component properties
Поле настройки |
Варианты значений |
Назначение |
---|---|---|
Name |
- |
Наименование UI Компонента в системе |
CSS properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
---|---|---|---|
Layout |
Orientation |
Horizontal, Vertical |
Свойство позволяет производить изменения в зависимости от ориентации дисплея |
Justify-content |
None, Center,End, Start, Space around, space between, space evenly |
Свойство определяет выравнивание вдоль главной оси |
|
Align items |
None, Center,End, Start, Stretch |
Свойство align-items производит выравнивание всех элементов внутри флекс контейнера |
|
Width |
- |
Ширина компонента |
|
Height |
- |
Высота компонента |
|
Grow |
true, false |
Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера |
|
Margin |
- |
Свойство определяет внешний отступ на всех четырёх сторонах элемента |
|
Padding |
- |
Свойство устанавливает внутренние отступы поля со всех сторон элемента |
|
Appearance |
CornerRadius |
- |
Свойство используется для закругления углов элемента |
BorderThickness |
- |
Свойство позволяет задать рамки для элемента |
|
Brush |
Background |
- |
Свойство устанавливает цвет фона элемента |
BorderBrush |
- |
Свойство устанавливает цвет рамки элемента |
Кейсы#
Организация интерфейса: Используется для структурирования и размещения элементов интерфейса.
Исключения#
Специализированное использование: Подходит только для организации элементов, не предназначен для других функций.