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

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

Page

https://lh3.googleusercontent.com/ESXrGRrd8cm3fIsKfSB523wpJA6OSddmrKRspyGDCo1PWJPRz8eYMYgkpBfTkFsHI9QC4r1hB8ylXiGqtUNcKZQRDVKybD5dmwWyT2oSefpmI7hf2LhbowRGCEAofqa5Oo0kzJo

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

Component properties

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

Panel

https://lh3.googleusercontent.com/_Xs19TXJjIKkj5F0KtcF7Z365Ak065COAevWKAChSDFuo_yP3yIK13dzZvsdBhVInIo9iZnOVASoFHgIP8LTX3A9gPyffbBAZNJOlLeRBW-RMX9yrljXMKjm7he2D469PzYCkNI

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

https://lh3.googleusercontent.com/9-GloA1S_wCBEI2ITQpo6vb8fabwlLk9W8NoECA51lStnT6JmBS5immglXLDjvFc7xL0k2Rk6H2rLIjYAvKrlvhLW6hpnKm7Tus3qI_pLZiL92Lyrl5TigbSRjdhQ1rNY5-N5NM

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

Component properties

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

CSS properties

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