Kontrola slike u usluzi Power Apps

Kontrola koja prikazuje sliku iz, na primer, lokalne datoteke ili izvora podataka.

Opis

Ako dodate jednu ili više kontrola slika u svoju aplikaciju, možete da prikažete pojedinačne slike koje nisu deo skupa podataka ili možete da ugradite slike iz zapisa u izvorima podataka.

Svojstva ključeva

Slika – Naziv ili URL adresa slike koja se prikazuje u kontroli slike, zvuka ili mikrofona.

Napomena

• Koristite HTTPS za sve spoljne slike kako biste osigurali kompatibilnost sa modernim pregledačima.
• Spoljne slike moraju da budu dostupne anonimno (bez ikakve potvrde identiteta).

Dodatna svojstva

AccessibleLabel – Oznaka za čitače ekrana.

ApplyEXIFOrientation – Da li automatski primeniti orijentaciju navedenu u EXIF podacima ugrađenim u sliku.

AutoDisableOnSelect – Automatski onemogućava kontrolu dok se izvršava OnSelect ponašanje.

BorderColor – Boja ivice kontrole.

BorderStyle – Da li je ivica kontrole puna, isprekidana, tačkasta ili nijedna.

BorderThickness – Debljina ivice kontrole.

CalculateOriginalDimensions – Omogućuje svojstva OriginalHeight i OriginalWidth.

DisplayMode – Da li kontrola omogućava unos korisnika (Edit), samo prikazuje podatke (View) ili je onemogućena (Disabled).

DisabledBorderColor – Boja ivice kontrole ako je svojstvo kontrole DisplayMode podešeno na Onemogućeno.

DisabledFill – Boja pozadine kontrole ako je njeno svojstvo DisplayMode podešeno na Onemogućeno.

Fill – Boja pozadine kontrole.

FlipHorizontal – Da li želite da okrenete sliku horizontalno pre nego što je prikažete.

FlipVertical – Da li želite da okrenete sliku vertikalno pre nego što je prikažete.

FocusedBorderColor – Boja ivice kontrole kada je kontrola u fokusu.

FocusedBorderThickness – Debljina ivice kontrole kada je kontrola u fokusu.

Height – Odstojanje između gornje i donje ivice kontrole.

HoverBorderColor - Boja ivice kontrole kada korisnik zadrži pokazivač miša na toj kontroli.

HoverFill – Boja pozadine kontrole kada korisnik zadrži pokazivač miša na njoj.

ImagePosition – Pozicija (Popuna, Uklapanje, Rastezanje, Pločica ili Sredina) slike na ekranu ili u kontroli ako nije iste veličine kao slika.

ImageRotation – Kako rotirati sliku pre nego što je prikažete. Vrednosti mogu biti „ništa“, „90 stepeni u smeru kazaljke na satu“, „90 stepeni u smeru suprotnom od kazaljke na satu“ i „180 stepeni u smeru kazaljke na satu“.

OnSelect – Radnje koje treba izvršiti kada korisnik dodirne ili klikne na kontrolu.

OriginalHeight – Originalna visina slike, omogućena sa svojstvom CalculateOriginalDimensions.

OriginalWidth – Originalna širina slike, omogućena sa svojstvom CalculateOriginalDimensions.

PaddingBottom – Odstojanje između teksta u kontroli i donje ivice te kontrole.

PaddingLeft – Odstojanje između teksta u kontroli i leve ivice te kontrole.

PaddingRight – Odstojanje između teksta u kontroli i desne ivice te kontrole.

PaddingTop – Odstojanje između teksta u kontroli i gornje ivice te kontrole.

PressedBorderColor - Boja ivice kontrole kada korisnik dodirne ili klikne na tu kontrolu.

PressedFill - Boja pozadine kontrole kada korisnik dodirne ili klikne na tu kontrolu.

RadiusBottomLeft – Stepen do kojeg se zaokružuje donji levi ugao kontrole.

RadiusBottomRight – Stepen do kojeg se zaokružuje donji desni ugao kontrole.

RadiusTopLeft – Stepen do kojeg se zaokružuje gornji levi ugao kontrole.

RadiusTopRight – Stepen do kojeg se zaokružuje gornji desni ugao kontrole.

TabIndex – Redosled navigacije na tastaturi u odnosu na druge kontrole.

Tooltip – Opisni tekst koji se prikazuje kada korisnik drži kursor preko kontrole.

Transparency – Stepen do kog kontrole iza slike ostaju vidljive. Decimalne vrednosti u opsegu od 0 do 1. Tu je 0 neprozirno, 0,5 je poluprovidno, a 1 transparentno.

Visible – Da li se kontrola prikazuje ili je skrivena.

Width – Odstojanje između leve i desne ivice kontrole.

X – Odstojanje između leve ivice kontrole i leve ivice njegovog nadređenog kontejnera (ili ekrana ako nema nadređenog kontejnera).

Y – Odstojanje između gornje ivice kontrole i gornje ivice njegovog nadređenog kontejnera (ili ekrana ako nema nadređenog kontejnera).

Srodne funkcije

Remove( DataSource, ThisItem )

Primeri

Prikazivanje slike iz lokalne datoteke

1. U meniju Datoteka, kliknite ili dodirnite Mediji, a zatim kliknite ili dodirnite Potraži.

2. Kliknite ili dodirnite datoteku slike koju želite da dodate, kliknite ili dodirnite Otvori, a zatim pritisnite Esc da biste se vratili u podrazumevani radni prostor.

3. Dodajte kontrolu slike i podesite njeno svojstvo Image na naziv datoteke koju ste dodali.

   Ne znate kako da dodate i konfigurišete kontrolu?

   Kontrola Slika prikazuje sliku koju ste naveli.

Pokažite skup slika sa izvora podataka

1. Preuzmite ovu Excel datoteku i sačuvajte je na lokalnom uređaju.

2. U programu Power Apps Studio, kreirajte ili otvorite aplikaciju, a zatim kliknite ili dodirnite Dodaj izvor podataka u oknu na desnoj strani.

   Ako se Dodaj izvor podataka ne prikazuje u desnom oknu, kliknite ili dodirnite ekran u levoj traci za navigaciju.

3. Kliknite ili dodirnite Dodajte statičke podatke u aplikaciju, kliknite ili dodirnite Excel datoteku koju ste preuzeli, a zatim kliknite ili dodirnite Otvori.

4. Izaberite polje za potvrdu Flooring Estimates, a zatim kliknite ili dodirnite Poveži se.

5. Dodajte kontrolu galerija sa slikama i podesite njeno svojstvo Items na FlooringEstimates.

   Ne znate kako da dodate i konfigurišete kontrolu?

   Kontrola Galerija prikazuje slike proizvoda od tepiha, tvrdog drveta i pločica na osnovu veza u Excel datoteci koju ste preuzeli.

Smernice za pristupačnost

Kontrast boja

• Primenjuju se standardni zahtevi za kontrast boja, ako se oznaka koristi kao dugme.
• Razmislite o proveri da li ima problema sa kontrastom unutar slike, ako ona nije isključivo dekorativna.

Podrška za čitače ekrana

• AccessibleLabel mora biti podešen za važne slike.

• Ako slika služi za dekoraciju ili pruža suvišne informacije, ostavite AccessibleLabel prazno ili postavite na prazan niz "" . Čitači ekrana će zanemariti ove slike.

Na primer, možete postaviti sliku katanca pored oznake koja glasi Ovaj obrazac se ne može izmeniti. Ne treba vam AccessibleLabel za sliku jer oznaka već objašnjava njeno značenje.

Važno

Kada je TabIndex nula ili veće, slika postaje dugme. Njegov izgled se ne menja, ali čitači ekrana će to tretirati kao dugme. Oni neće zanemariti kontrolu, čak i ako je AccessibleLabel prazan.

Podrška za tastaturu

• TabIndex mora biti nula ili veći ako se slika koristi kao dugme ili veza. Korisnici tastature tada mogu da dođu do nje.

• Indikatori fokusa moraju biti jasno vidljivi ako se slika koristi kao dugme ili veza. Koristite FocusedBorderColor i FocusedBorderThickness kako da postignete taj rezultat.

Napomena

Možete li nam reći o svojim željenim postavkama jezika u dokumentaciji? Ispunite kratku anketu. (imajte na umu da je ova anketa na engleskom jeziku)

Anketa će trajati oko sedam minuta. Ne prikupljaju se lični podaci (izjava o privatnosti).