Поделиться через

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

  • Статья

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

Описание

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

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

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

Примечание

  • Используйте HTTPS для всех внешних изображений, чтобы обеспечить совместимость с современными браузерами.
  • Внешние изображения должны быть доступны анонимно (без какой-либо аутентификации).

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

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 равно нулю или больше него, изображение становится кнопкой. Его внешний вид не меняется, но программы чтения с экрана воспринимают его как кнопку. Они не проигнорируют элемент управления, даже если атрибут AccessibleLabel пуст.

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

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

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

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).