Panel#


../../_images/panel.png

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

“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

-

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


Кейсы#

  • Организация интерфейса: Используется для структурирования и размещения элементов интерфейса.

Исключения#

  • Специализированное использование: Подходит только для организации элементов, не предназначен для других функций.