Список Компонентов

Набор UI-Компонентов для формирования и настройки разметки страниц Приложения

Page

UI Компонент отвечает за настройку новой страницы приложения

Component properties

Поле настройки Варианты значений Назначение
Name - Наименование UI Компонента в системе
Title - Наименование страницы

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 - Свойство устанавливает цвет рамки элемента

Grid

UI Компонент отвечает за настройку разметки страницы в виде статической таблицы

Component properties

Поле настройки Варианты значений Назначение
Name - Наименование UI Компонента в системе

CSS properties

Группа настроек Поля настройки Варианты значений Назначение
Layout Column - Количество колонок таблицы
Row - Количество рядов таблицы
Width - Ширина компонента
Height - Высота компонента
Grow true, false Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера
Margin - Свойство определяет внешний отступ на всех четырёх сторонах элемента
Padding - Свойство устанавливает внутренние отступы поля со всех сторон элемента
Appearance CornerRadius - Свойство используется для закругления углов элемента
BorderThickness - Свойство позволяет задать рамки для элемента
Brush Background - Свойство устанавливает цвет фона элемента
BorderBrush - Свойство устанавливает цвет рамки элемента