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


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

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

Description

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

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

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

Замечание

  • Используйте ПРОТОКОЛ HTTPS для всех внешних образов, чтобы обеспечить совместимость с современными браузерами.
  • Внешние образы должны быть доступны анонимно (без проверки подлинности).

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

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

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

AutoDisableOnSelect — автоматически отключает элемент управления во время выполнения поведения OnSelect.

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

BorderStyle — является ли граница элемента управления твердым, дефишированным, dotted или None.

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

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

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

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

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

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

FlipHorizontal — следует ли перевернуть изображение горизонтально перед отображением.

FlipVertical — следует ли перевернуть изображение по вертикали перед отображением.

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

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

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

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

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

ImagePosition — позиция (заливка, заливка, растяжение,плитка или центр) изображения на экране или элемент управления, если он не совпадает с размером изображения.

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

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

OriginalHeight — исходная высота изображения, включенная с помощью свойства CalculateOriginalDimensions .

OriginalWidth — исходная ширина изображения, включенная с помощью свойства CalculateOriginalDimensions .

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

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

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

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

Нажатие клавишиBorderColor — цвет границы элемента управления, когда пользователь нажимает или щелкает этот элемент управления.

Нажатие клавиши PressedFill — цвет фона элемента управления, когда пользователь нажимает или щелкает этот элемент управления.

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

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

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

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

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

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

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

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

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

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

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

Remove( DataSource, ThisItem )

Примеры

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

  1. В меню "Файл" нажмите кнопку " Носитель" и нажмите кнопку "Обзор".

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

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

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

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

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

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

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

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

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

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

  5. Добавьте элемент управления "Коллекция " с изображениями и задайте для свойства Items значение FlooringEstimates.

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

    В элементе управления "Коллекция" отображаются изображения ковровых, твердых пород и плиток на основе ссылок на скачанный файл Excel.

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

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

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

  • Для важных графических элементов необходимо задать значение AccessibleLabel.

  • Если рисунок предназначен для украшения или предоставляет избыточные сведения, оставьте ДоступнойLabel пустым или задайте для него пустую строку "". Средства чтения с экрана игнорируют эти рисунки.

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

Это важно

Если tabIndex равно нулю или больше, изображение становится кнопкой. Его внешний вид не изменяется, но средства чтения с экрана будут рассматривать его как кнопку. Они не будут игнорировать элемент управления, даже если AccessibleLabel пуст.

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

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

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