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

Елемент керування "Зображення" в Power Apps

  • Стаття

Елемент керування, який показує зображення, наприклад, з локального файлу або джерела даних.

Опис

Якщо додати один або кілька елементів керування Зображення до програми, можна показати окремі зображення, які не входять до комплекту даних, або включити зображення з записів у джерелах даних.

Ключові властивості

Зображення – назва або URL-адреса зображення, що відображається в елементі керування «Зображення», «Аудіо» або «Мікрофон».

Примітка

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

Додаткові властивості

AccessibleLabel  – підпис для невізуальних екранів.

ApplyEXIFOrientation – автоматичне застосовування орієнтації, яку зазначено в даних EXIF, вбудованих за допомогою зображення.

AutoDisableOnSelect – автоматично вимикає елемент керування, коли виконується поведінка функції OnSelect.

BorderColor  – колір межі елемента керування.

BorderStyle  – визначає стиль межі елемента керування: Суцільна, Штрихова, Пунктирна або Немає.

BorderThickness  – товщина межі елемента керування.

CalculateOriginalDimensions – вмикає властивості OriginalHeight і OriginalWidth.

DisplayMode  – визначає, чи елемент керування дозволяє ввід даних користувачем (Редагування), лише відображає дані (Перегляд) або ж є вимкнутим (Вимкнуто).

DisabledBorderColor  – колір межі елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled (Вимкнуто).

DisabledFill  – колір фону елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled.

Fill  – колір фону елемента керування.

FlipHorizontal – горизонтальне віддзеркалення зображення перед його відображенням.

FlipVertical – вертикальне віддзеркалення зображення перед його відображенням.

FocusedBorderColor  – колір межі елемента керування, коли він перебуває у фокусі.

FocusedBorderThickness  – товщина межі елемента керування, коли він перебуває у фокусі.

Height  – відстань між верхнім і нижнім краями елемента керування.

HoverBorderColor  – колір межі елемента керування в разі наведення на нього курсору.

HoverFill  – колір фону елемента керування в разі наведення на нього курсору.

ImagePosition – розташування (Заповнити, Припасувати, Розтягнути, Плитка або По центру) зображення на екрані або в елементі керування, якщо його розмір відрізняється від розміру зображення.

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  – відстань між верхнім краєм елемента керування та верхнім краєм батьківського контейнера (екрана, якщо батьківський контейнер відсутній).

Вилучити( DataSource, ThisItem )

Приклади

Відображення зображення з локального файлу

  1. У меню Файл виберіть пункт Медіа, а потім натисніть Огляд.

  2. Натисніть файл зображення, який необхідно додати, натисніть кнопку Відкрити, а потім натисніть клавішу Esc, щоб повернутися до робочої області за замовчуванням.

  3. Додайте елемент керування Зображення і вкажіть для властивості Зображення ім’я доданого файлу.

    Не знаєте, як додати та настроїти елемент керування?

    В елементі керування Зображення відображається зображення, яке було задано.

Відображення набору зображень із джерела даних

  1. Завантажте цей файл Excel і збережіть його на своєму локальному пристрої.

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

    Якщо опція Додати джерело даних не відображається в області праворуч, клацніть або торкніться екрана в лівій навігаційній панелі.

  3. Натисніть Додати статичні дані до програми, виберіть завантажений файл Excel, а потім натисніть Відкрити.

  4. Установіть прапорець Обрахунки поверхів, а потім натисніть Підключитися.

  5. Додайте елемент керування Галерея з зображеннями і встановіть для властивості Елементи значення FlooringEstimates.

    Не знаєте, як додати та настроїти елемент керування?

    В елементі керування Галерея відображаються зображення продуктів "Carpet", "Hardwood", і "Tile" на основі посилань у файлі Excel, який було завантажено.

Рекомендації щодо спеціальних можливостей

Контрастність кольору

  • Мають застосовуватися стандартні вимоги до контрастності кольору, якщо графічні об’єкти використовуються як кнопки.
  • Спробуйте перевірити наявність проблем із контрастом у зображенні, якщо воно використовується не лише для оформлення.

Підтримка зчитування екрана

  • AccessibleLabel має бути налаштовано для важливої графіки.

  • Якщо графіка призначена для декору або містить надлишок інформації, залиште AccessibleLabel пустим або встановіть для нього значення «пустий рядок» "". Невізуальні екрани ігноруватимуть цю графіку.

Наприклад, можна поставити Зображення замка поруч із надписом, який каже Цю форму не можна змінити. AccessibleLabel для зображення не потрібна, оскільки Надпис уже пояснює її значення.

Важливо

Якщо TabIndex дорівнює нулю або більше нуля, Зображення перетвориться на кнопку. Його вигляд не змінюється, але невізуальні екрани розглядатимуть його як кнопку. Вони не ігноруватимуть цей елемент керування, навіть якщо елемент AccessibleLabel порожній.

Підтримка клавіатури

  • Для властивості TabIndex має бути встановлено значення "нуль" або більше, якщо графічний об’єкт використовується як кнопка. Тоді користувачі клавіатури зможуть перейти до неї.

  • Якщо графічний об’єкт використовується як кнопка, індикатори фокуса має бути чітко видно. Для досягнення чіткості скористайтеся властивостями FocusedBorderColor та FocusedBorderThickness.

Примітка

Розкажіть нам про свої уподобання щодо мови документації? Візьміть участь в короткому опитуванні. (зверніть увагу, що це опитування англійською мовою)

Проходження опитування займе близько семи хвилин. Персональні дані не збиратимуться (декларація про конфіденційність).