Image#
Основные сведения#
Компонент “Изображение” используется для отображения изображений в пользовательском интерфейсе. Этот компонент является ключевым элементом для визуализации и может использоваться для отображения фотографий, иллюстраций и других графических элементов.
Параметры#
Component properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Name |
- |
Наименование UI Компонента в системе |
|
Common |
Binding |
Множественный выбор Catalog |
Содержит связанное поле типа “File” из модели |
File |
Button |
Позволяет загрузить файл с расширением .png, .jpg, .svg |
|
Show default image |
True, False |
Отображать дефолнтное изображение |
|
No image placeholder |
Choose file from the disk, choose file from the storage |
Изображение-заглушка, если изображение не загружено |
CSS properties
Группа настроек |
Поле настройки |
Варианты значений |
Назначение |
|---|---|---|---|
Layout |
Width |
- |
Ширина компонента |
Height |
- |
Высота компонента |
|
Grow |
true, false |
Свойство определяет, насколько элемент будет расти по сравнению с остальными гибкими элементами внутри того же контейнера |
|
Margin |
- |
Свойство определяет внешний отступ на всех четырёх сторонах элемента |
|
Padding |
- |
Свойство устанавливает внутренние отступы поля со всех сторон элемента |
|
Appearance |
CornerRadius |
- |
Свойство используется для закругления углов элемента |
BorderThickness |
- |
Свойство позволяет задать рамки для элемента |
|
Brush |
Background |
- |
Свойство устанавливает цвет фона элемента |
BorderBrush |
- |
Свойство устанавливает цвет рамки элемента |
Кейсы#
Отображение фотографий: Используется для отображения пользовательских фотографий, изображений продуктов и других объектов.
Иллюстрации и графика: Применяется для отображения иллюстраций, графических элементов и логотипов.
Исключения#
Производительность: Использование больших изображений или нескольких изображений на странице может повлиять на производительность.