Ovládací prvok Obrázok v službe Power Apps

  • Článok

Ovládací prvok, ktorý zobrazí obrázok napríklad z lokálneho súboru alebo zdroja údajov.

Popis

Ak pridáte do aplikácie jeden alebo viac ovládacích prvkov Obrázok, budete môcť zobrazovať jednotlivé obrázky, ktoré nie sú súčasťou množiny údajov, alebo budete môcť začleniť obrázky zo záznamov v zdroji údajov.

Vlastnosti kľúča

Image – názov obrázka alebo adresa URL obrázka, ktorý sa zobrazuje v ovládacom prvku Obrázok, Zvuk alebo Mikrofón.

Poznámka

  • Pre všetky externé obrázky použite HTTPS, aby ste zaistili kompatibilitu s modernými prehľadávačmi.
  • Externé obrázky musia byť prístupné anonymne (bez akéhokoľvek overovania).

Ďalšie vlastnosti

AccessibleLabel – označenie pre čítačky obrazovky.

ApplyEXIFOrientation – určuje, či sa má automaticky použiť orientácia určená údajmi EXIF vložených s obrázkom.

AutoDisableOnSelect – automaticky zakáže ovládací prvok v čase spustenia vlastnosti OnSelect.

BorderColor – farba orámovania ovládacieho prvku.

BorderStyle – štýl orámovania ovládacieho prvku Solid (Plné), Dashed (Prerušované), Dotted (Bodkované) alebo None (Žiadne).

BorderThickness – hrúbka orámovania ovládacieho prvku.

CalculateOriginalDimensions – povoľuje vlastnosti OriginalHeight a OriginalWidth.

DisplayMode – údaj o tom, či ovládací prvok umožňuje vstup používateľa (Edit), iba zobrazuje údaje (View) alebo je zakázaný (Disabled).

DisabledBorderColor – farba orámovania ovládacieho prvku v prípade, že je vlastnosť DisplayMode nastavená na možnosť Disabled.

DisabledFill – farba pozadia ovládacieho prvku v prípade, že je vlastnosť DisplayMode nastavená na Disabled.

Fill – farba pozadia ovládacieho prvku.

FlipHorizontal – určuje, či sa má obrázok pred zobrazením prevrátiť vodorovne.

FlipVertical – určuje, či sa má obrázok pred zobrazením prevrátiť zvisle.

FocusedBorderColor – farba orámovania zameraného ovládacieho prvku.

FocusedBorderThickness – hrúbka orámovania zameraného ovládacieho prvku.

Height – vzdialenosť medzi horným a dolným okrajom ovládacieho prvku.

HoverBorderColor – farba orámovania ovládacieho prvku pri umiestnení ukazovateľa myši na ovládací prvok.

HoverFill – farba pozadia ovládacieho prvku pri umiestnení ukazovateľa myši na ovládací prvok.

ImagePosition – pozícia obrázku (Fill (Vyplniť), Fit (Prispôsobiť), Stretch (Roztiahnuť), Tile (Dlaždice) alebo Center (Na stred)) na obrazovke alebo v ovládacom prvku, ak nie je rovnakej veľkosti ako obrázok.

ImageRotation – spôsob otočenia obrázka pred zobrazením. Hodnoty môžu byť none (nijako), clokwise (CW) 90 degrees (o 90 stupňov v smere hodinových ručičiek), counter-clockwise (CCW) 90 degrees (o 90 stupňov proti smeru hodinových ručičiek) a clockwise 180 degrees (o 180 stupňov v smere hodinových ručičiek).

OnSelect – Akcie, ktoré sa majú vykonať, keď používateľ klepne alebo klikne na ovládací prvok.

OriginalHeight – pôvodná výška obrázka povolená vlastnosťou CalculateOriginalDimensions.

OriginalWidth – pôvodná šírka obrázka povolená vlastnosťou CalculateOriginalDimensions.

PaddingBottom – vzdialenosť medzi textom v ovládacom prvku a dolným okrajom rovnakého prvku.

PaddingLeft – vzdialenosť medzi textom v ovládacom prvku a ľavým okrajom rovnakého prvku.

PaddingRight – vzdialenosť medzi textom v ovládacom prvku a pravým okrajom rovnakého prvku.

PaddingTop – vzdialenosť medzi textom v ovládacom prvku a horným okrajom rovnakého prvku.

PressedBorderColor – farba orámovania ovládacieho prvku po ťuknutí alebo kliknutí používateľa na ovládací prvok.

PressedFill – farba pozadia ovládacieho prvku po ťuknutí alebo kliknutí používateľa na ovládací prvok.

RadiusBottomLeft – polomer zaoblenia ľavého dolného rohu ovládacieho prvku.

RadiusBottomRight – polomer zaoblenia pravého dolného rohu ovládacieho prvku.

RadiusTopLeft – polomer zaoblenia ľavého horného rohu ovládacieho prvku.

RadiusTopRight – polomer zaoblenia pravého horného rohu ovládacieho prvku.

TabIndex – príkaz na navigáciu pomocou klávesnice vo vzťahu k iným ovládacím prvkom.

Tooltip – vysvetľujúci text, ktorý sa zobrazí, keď používateľ prejde myšou na ovládací prvok.

Transparency – úroveň viditeľnosti ovládacích prvkov za obrázkom. Desatinné hodnoty sú v rozsahu od 0 do 1. Ak je 0 nepriehľadné, 0,5 je polopriehľadné a 1 priehľadné.

Visible – možnosť zobrazenia alebo skrytia ovládacieho prvku.

Width – vzdialenosť medzi ľavým a pravým okrajom ovládacieho prvku.

X – vzdialenosť medzi ľavým okrajom ovládacieho prvku a ľavým okrajom jeho nadradeného kontajnera (alebo obrazovky, ak sa nadradený kontajner nepoužíva).

Y – vzdialenosť medzi horným okrajom ovládacieho prvku a horným okrajom jeho nadriadeného kontajnera (alebo obrazovky, ak sa nadradený kontajner nepoužíva).

Remove( DataSource, ThisItem )

Príklady

Zobrazenie obrázka z lokálneho súboru

  1. V ponuke Súbor kliknite alebo ťuknite na položku Médiá a potom kliknite alebo ťuknite na možnosť Prehľadávať.

  2. Kliknite alebo ťuknite na súbor s obrázkom, ktorý chcete pridať, kliknite alebo ťuknite na možnosť Otvoriť a potom sa stlačením klávesu Esc vráťte do predvoleného pracovného priestoru.

  3. Pridajte ovládací prvok Image a do jeho vlastnosti Obrázok nastavte názov súboru, ktorý ste pridali.

    Neviete, ako pridať a nakonfigurovať ovládací prvok?

    Ovládací prvok Obrázok zobrazí zadaný obrázok.

Zobrazenie množiny obrázkov zo zdroja údajov

  1. Stiahnite si tento excelový súbor a uložte ho do lokálneho zariadenia.

  2. V službe Power Apps Studio vytvorte alebo otvorte aplikáciu a potom v pravej table kliknite alebo ťuknite na položku Pridať zdroj údajov.

    Ak sa položka Pridať zdroj údajov v pravej table nezobrazí, kliknite alebo ťuknite na obrazovku na ľavom navigačnom paneli.

  3. Kliknite alebo ťuknite na položku Pridať statické údaje do aplikácie, kliknite alebo ťuknite na stiahnutý excelový súbor a potom kliknite alebo ťuknite na možnosť Otvoriť.

  4. Vyberte začiarkavacie políčko Flooring Estimates (odhad nákladov podlahových materiálov) a potom kliknite alebo ťuknite na možnosť Pripojiť.

  5. Pridajte ovládací prvok Galéria s obrázkami a do jeho vlastnosti Items nastavte FlooringEstimates.

    Neviete, ako pridať a nakonfigurovať ovládací prvok?

    Ovládací prvok Galéria zobrazí produktové obrázky kobercov, dreva a dlaždíc na základe odkazov v stiahnutom excelovom súbore.

Pokyny na zjednodušenie ovládania

Farebný kontrast

Podpora čítača obrazovky

  • AccessibleLabel musí byť nastavený pre dôležitú grafiku.

  • Ak je obrázok na ozdobu alebo obsahuje nadbytočné informácie, ponechajte AccessibleLabel prázdne alebo ho nastavte na prázdny reťazec "". Čítačky obrazovky budú tieto grafiky ignorovať.

Môžete napríklad umiestniť ikonu zámky Obrázok vedľa štítka, ktorý uvádza Tento formulár nie je možné upraviť. Nepotrebujete AccessibleLabel pre obrázok, pretože Štítok už vysvetľuje, čo to znamená.

Dôležité

Ak je vlastnosť TabIndex nastavená na nulu alebo väčšiu hodnotu, obrázok sa stane tlačidlom. Jeho vzhľad sa nemení, ale čítačky obrazovky to budú považovať za tlačidlo. Nebudú ignorovať ovládací prvok aj v prípade, ak bude AccessibleLabel prázdny.

Podpora klávesnice

  • Ak sa grafika používa ako tlačidlo, vlastnosť TabIndex musí byť nastavená na nulu alebo väčšiu hodnotu. Používatelia s klávesnicou naň potom môžu prejsť.

  • Ak sa grafika používa ako tlačidlo, ukazovatele zamerania musia byť zreteľne vidieť. Tento výsledok dosiahnete použitím vlastností FocusedBorderColor a FocusedBorderThickness.

Poznámka

Môžete nás informovať o svojich voľbách jazyka pre dokumentáciu? Absolvujte krátky prieskum. (upozorňujeme, že tento prieskum je v angličtine)

Prieskum bude trvať približne sedem minút. Nezhromažďujú sa žiadne osobné údaje (vyhlásenie o používaní osobných údajov).