Элемент управления Изображение в Power Apps

Этот элемент управления служит для показа изображения из локального файла или источника данных.

Описание

Добавив в приложение один или несколько элементов управления Изображение, можно отобразить изображения, не входящие в набор данных, или изображения из записей в источниках данных.

Ключевые свойства

Изображение  — имя или URL-адрес изображения, которое отображается в элементе управления "Изображение", "Аудио" или "Микрофон".

Дополнительные свойства

AccessibleLabel — метка для средств чтения с экрана.

ApplyEXIFOrientation — автоматическое применения ориентации, которая указана во внедренных в изображение данных EXIF.

AutoDisableOnSelect — автоматически отключает элемент управления при выполнении функции, назначенной свойству OnSelect.

BorderColor  — цвет границы элемента управления.

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или None.

BorderThickness  — толщина границы элемента управления.

CalculateOriginalDimensions — включает свойства OriginalHeight и OriginalWidth.

DisplayMode — в зависимости от значения этого режима элемент управления разрешает пользователю вводить данные (Edit), только отображает данные (View) или элемент вообще отключен (Disabled).

DisabledBorderColor — цвет границы элемента управления, если для его свойства DisplayMode установлено значение Disabled.

DisabledFill — цвет фона элемента управления, если для его свойства DisplayMode установлено значение Disabled.

Fill  — цвет фона элемента управления.

FlipHorizontal — переворачивание изображения по горизонтали перед его отображением.

FlipVertical — переворачивание изображения по вертикали перед отображением.

FocusedBorderColor — цвет границы элемента управления в тот момент, когда он активен.

FocusedBorderThickness — толщина границы элемента управления при наведении фокуса.

Height  — расстояние между верхним и нижним краями элемента управления.

HoverBorderColor  — цвет границы элемента управления при наведении на него указателя мыши.

HoverFill — цвет фона элемента управления при наведении на него указателя мыши.

ImagePosition  — расположение изображения на экране или в элементе управления, если его размеры отличаются от размеров изображения (Fill, Fit, Stretch, Tile или Center).

ImageRotation — поворачивание изображения перед его отображением. Значения: без поворота, по часовой стрелке на 90 градусов, против часовой стрелки на 90 градусов и по часовой стрелке на 180 градусов.

OnSelect — действия, выполняемые, когда пользователь щелкает элемент управления или касается его.

OriginalHeight — исходная высота изображения (активируется свойством CalculateOriginalDimensions).

OriginalWidth — исходная ширина изображения (активируется свойством CalculateOriginalDimensions).

PaddingBottom — расстояние между текстом в элементе управления и нижним краем элемента управления.

PaddingLeft  — расстояние между текстом в элементе управления и левым краем элемента управления.

PaddingRight  — расстояние между текстом в элементе управления и правым краем элемента управления.

PaddingTop  — расстояние между текстом в элементе управления и верхним краем элемента управления.

PressedBorderColor  — цвет границы элемента управления при щелчке или касании.

PressedFill  — цвет фона элемента управления при щелчке или касании.

RadiusBottomLeft  — градус скругления нижнего левого угла элемента управления.

RadiusBottomRight  — градус скругления нижнего правого угла элемента управления.

RadiusTopLeft  — градус, до которого округляется верхний левый угол элемента управления.

RadiusTopRight  — градус скругления верхнего правого угла элемента управления.

TabIndex — порядок навигации с помощью клавиатуры относительно других элементов управления.

Tooltip  — пояснительный текст, отображаемый при наведении указателя мыши на элемент управления.

Transparency — прозрачность, или показатель того, насколько видны элементы управления за изображением. Десятичные значения варьируются от 0 до 1. Где 0 непрозрачный, 0,5 полупрозрачный и 1 прозрачный.

Visible — определяет, отображается элемент управления или он скрыт.

Width  — расстояние между левым и правым краями элемента управления.

X  — расстояние между левым краем элемента управления и левым краем его родительского контейнера (или экрана, если родительского контейнера нет).

Y  — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).

Связанные функции

Remove( Источник_данных; ThisItem )

Примеры

Показ изображения из локального файла

1. Выберите в меню Файл пункт Мультимедиа, а затем — Обзор.

2. Выберите изображение, которое нужно добавить, и нажмите кнопку Открыть, а затем нажмите клавишу ESC, чтобы вернуться в рабочую область по умолчанию.

3. Добавьте в приложение элемент управления Изображение и назначьте его свойству Изображение имя добавленного файла.

   Не знаете, как добавить и настроить элемент управления?

   В элементе управления Изображение появится указанное изображение.

Показ набора изображений из источника данных

1. Загрузите этот файл Excel и сохраните его на локальном устройстве.

2. В Power Apps Studio создайте или откройте приложение, затем щелкните или нажмите Добавить источник данных в правой области.

   Если в правой области не отображается элемент Добавить источник данных, щелкните или нажмите любой экран на панели навигации слева.

3. Выберите команду Добавить статические данные для приложения, укажите скачанный файл Excel и нажмите кнопку Открыть.

4. Установите флажок Оценки напольных покрытий и нажмите кнопку Подключение.

5. Добавьте элемент управления Галерея с изображениями и назначьте его свойству Items значение FlooringEstimates.

   Не знаете, как добавить и настроить элемент управления?

   В элементе управления Галерея отображаются изображения товаров (ковровые покрытия, древесина и плитка), доступные по ссылкам из скачанного файла Excel.

Руководство по настройке специальных возможностей

Контрастность цветов

• Если графический элемент используется в качестве кнопки, к нему применяются стандартные требования по цветовому контрасту.
• Если изображение не является исключительно декоративным, проверьте его на наличие проблем с контрастностью.

Поддержка средства чтения с экрана

• Атрибут AccessibleLabel должен быть установлен для важной графики.

• Если изображение предназначено для украшения или предоставляет избыточную информацию, оставьте AccessibleLabel пустым или задайте для него пустую строку "". Программы чтения с экрана игнорируют эту графику.

Например, вы можете разместить Изображение замка рядом с Подписью с текстом Эту форму нельзя изменить. Вам не нужен AccessibleLabel для изображения, потому что Подпись уже объясняет его значение.

Поддержка клавиатуры

• Если графика используется как кнопка, значение TabIndex должно быть равно нулю и выше. Пользователи клавиатуры могут затем перейти к ней.

• Индикаторы фокусировки должны быть четко видны, если графика используется как кнопка. Для этого используются элементы FocusedBorderColor и FocusedBorderThickness.