Контролата Изображение в Power Apps

Контрола, която показва изображение от, например, локален файл или източник на данни.

Описание

Ако добавите една или повече Image контроли на вашето приложение, можете да показвате отделни изображения, които не са част от набор от данни, или можете да включите изображения от записи в източници на данни.

Свойства на ключове

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

Бележка

  • Използвайте HTTPS за всички външни изображения, за да осигурите съвместимост със съвременните браузъри.
  • Външните изображения трябва да бъдат достъпни анонимно (без никакво удостоверяване).

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

AccessibleLabel - Етикет за четци на екрани.

ApplyEXIFOrientation - Дали автоматично да се приложи ориентацията, посочена в EXIF данните, вградени в изображението.

AutoDisableOnSelect - Автоматично деактивира контрола, докато OnSelect поведението се изпълнява.

BorderColor – Цветът на границата на контролата.

BorderStyle – Дали границата на контрола е солидна, с тирета, с точки или няма.

BorderThickness – Дебелината на границата на контролата.

CalculateOriginalDimensions – Разрешава OriginalHeight и свойството OriginalWidth.

DisplayMode – Дали контрола позволява въвеждане от потребителя (редактиране), показва само данни (изглед) или е деактивирана (Забранено).

DisabledBorderColor - Цветът на границата на контрола, ако този на свойството DisplayMode на контролата е настроено на Забранено.

DisabledFill - Цветът на фона на контрола, ако нейното свойство DisplayMode е настроено на Забранено.

Fill – Цветът на запълване в контрола.

FlipHorizontal - Дали да обърнете изображението хоризонтално, преди да го покажете.

FlipVertical - Дали да обърнете изображението вертикално, преди да го покажете.

FocusedBorderColor - Цветът на границата на контрола, когато контролата е на фокус.

FocusedBorderThickness - Дебелината на границата на контрола, когато контролата е на фокус.

Height - Разстоянието между горния и долния ръб на контрола.

HoverBorderColor - Цвят на границата на контролата, когато потребителят държи показалеца на мишката върху нея.

HoverFill - Цветът на фона в контрола, когато потребителят държи показалеца на мишката върху него.

ImagePosition - Позицията (Запълване, Съответствие, Разпъване, плочка или център) на изображение в екран или контрола, ако не е със същия размер като изображението.

ImageRotation - Как да завъртите изображението, преди да го покажете. Стойностите могат да бъдат никакви, по посока на часовниковата стрелка (CW) 90 градуса, обратно на часовниковата стрелка (CCW) 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( DataSource, ThisItem )

Примери

Показване на изображение от локален файл

  1. В менюто Файл щракнете или докоснете Медия и след това щракнете върху или докоснете Преглед.

  2. Щракнете или докоснете файла с изображения, който искате да добавите, щракнете или докоснете Отворено и след това натиснете Esc, за да се върнете към работното пространство по подразбиране.

  3. Добавете контрола Image и задайте нейното свойство Image към името на файла, който сте добавили.

    Не знаете как да добавяте и конфигурирате контрола?

    Контролата Image показва изображението, което сте посочили.

Показване на набор от изображения от източник на данни

  1. Изтеглете този файл на Excel и го запишете на локалното си устройство.

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

    Ако Добавете източник на данни не се показва в десния панел, щракнете или докоснете екран в лявата навигационна лента.

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

  4. Изберете отметката Прогнози за подови настилки, след което щракнете или докоснете Свързване.

  5. Добавете контрола Gallery с изображения и задайте свойството й Items на FlooringEstimates.

    Не знаете как да добавяте и конфигурирате контрола?

    Контролата Gallery показва изображения на продукти от килими, твърди дървесни плочки и плочки въз основа на връзки във файла на Excel, който сте изтеглили.

Насоки за достъпност

Контраст на цвят

Поддръжка на екранен четец

  • AccessibleLabel трябва да бъде настроен за важни графики.

  • Ако графиката е за декорация или предоставя излишна информация, оставете AccessibleLabel празен или го задайте на празен низ "". Екранните четци ще игнорират тези графики.

Например, можете да поставите Image на катинар до Label което казва Този формуляр не може да бъде променен. Нямате нужда от AccessibleLabel за изображението, защото Label вече обяснява значението му.

Важно

Когато TabIndex е нула или по-голямо, Image става бутон. Външният му вид не се променя, но екранните четци ще го третират като бутон. Те няма да пренебрегнат контрола, дори ако AccessibleLabel е празно.

Поддръжка на клавиатурата

  • TabIndex трябва да е нула или по-голямо, ако графиката се използва като бутон. След това потребителите на клавиатурата могат да отидат до нея.

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

Бележка

Можете ли да ни споделите повече за езиковите си предпочитания за документацията? Попълнете кратко проучване. (имайте предвид, че това проучване е на английски език)

Проучването ще отнеме около седем минути. Не се събират лични данни (декларация за поверителност).