Ovládací prvek Obrázek v Power Apps

Ovládací prvek zobrazující obrázek, například z místního souboru nebo zdroje dat

Popis

Pokud přidáte do aplikace jeden nebo více ovládacích prvků Obrázek, můžete zobrazit jednotlivé obrázky, které nejsou součástí datové sady, nebo můžete začlenit obrázky ze záznamů ve zdrojích dat.

Vlastnosti klíče

Image – Adresa URL obrázku, který se zobrazuje v ovládacích prvcích Obrázek, Audio nebo Mikrofon.

Další vlastnosti

AccessibleLabel – popisek pro čtečky obrazovky.

ApplyEXIFOrientation – určuje, jestli se má automaticky použít orientace určená v datech EXIF vložených s obrázkem

AutoDisableOnSelect – automaticky zakáže ovládací prvek v době, kdy se provádí chování OnSelect.

BorderColor – barva ohraničení ovládacího prvku.

BorderStyle – styl ohraničení ovládacího prvku Solid (Plné), Dashed (Čárkované), Dotted (Tečkované) nebo None (Žádné).

BorderThickness – tloušťka ohraničení ovládacího prvku.

CalculateOriginalDimensions – povoluje vlastnosti OriginalHeight a OriginalWidth.

DisplayMode – ovládací prvek umožňuje zadávání uživatelem (Edit, Úpravy), pouze zobrazuje data (View, Prohlížení) nebo je zakázaný (Disabled, Zakázáno).

DisabledBorderColor – barva ohraničení ovládacího prvku v případě, že vlastnost DisplayMode je nastavena na Disabled (Zakázáno).

DisabledFill – barva pozadí ovládacího prvku v případě, že vlastnost DisplayMode je nastavena na Disabled (Zakázáno).

Fill – barva pozadí ovládacího prvku.

FlipHorizontal – určuje, jestli se má obrázek před svým zobrazením vodorovně převrátit

FlipVertical – určuje, jestli se má obrázek před svým zobrazením svisle převrátit

FocusedBorderColor – barva ohraničení ovládacího prvku, když je na něm fokus

FocusedBorderThickness – tloušťka ohraničení ovládacího prvku, když je na něm fokus.

Height – vzdálenost mezi horním a dolním okrajem ovládacího prvku.

HoverBorderColor – barva ohraničení ovládacího prvku při umístění ukazatele myši na ovládací prvek.

HoverFill – barva pozadí ovládacího prvku při umístění ukazatele myši na ovládací prvek.

ImagePosition – pozice obrázku (Fill (Vyplnit), Fit (Přizpůsobit), Stretch (Roztáhnout), Tile (Dlaždice) nebo Center (Na střed)) na obrazovce nebo ovládacím prvku, pokud není stejné velikosti jako obrázek.

ImageRotation – určuje, jak se má obrázek před svým zobrazením otočit. Hodnoty můžou být none (nijak), clockwise (CW) 90 degrees (o 90 stupňů po směru hodinových ručiček), counter-clockwise (CCW) 90 degrees (o 90 stupňů proti směru hodinových ručiček) a clockwise 180 degrees (o 180 stupňů ve směru hodinových ručiček).

OnSelect – Akce k provedení, když uživatel klepne nebo klikne na ovládací prvek.

OriginalHeight – původní výška obrázku povolená vlastností CalculateOriginalDimensions.

OriginalWidth – původní šířka obrázku povolená vlastností CalculateOriginalDimensions.

PaddingBottom – vzdálenost mezi textem v ovládacím prvku a dolním okrajem stejného prvku.

PaddingLeft – vzdálenost mezi textem v ovládacím prvku a levým okrajem stejného prvku.

PaddingRight – vzdálenost mezi textem v ovládacím prvku a pravým okrajem stejného prvku.

PaddingTop – vzdálenost mezi textem v ovládacím prvku a horním okrajem stejného prvku.

PressedBorderColor – barva ohraničení ovládacího prvku po klepnutí nebo kliknutí na ovládací prvek uživatelem.

PressedFill – barva pozadí ovládacího prvku po klepnutí nebo kliknutí na ovládací prvek uživatelem.

RadiusBottomLeft – poloměr zaoblení levého dolního rohu ovládacího prvku.

RadiusBottomRight – poloměr zaoblení pravého dolního rohu ovládacího prvku.

RadiusTopLeft – poloměr zaoblení levého horního rohu ovládacího prvku.

RadiusTopRight – poloměr zaoblení pravého horního rohu ovládacího prvku.

TabIndex – pořadí při navigaci pomocí klávesnice vzhledem k jiným ovládacím prvkům.

Tooltip – vysvětlující text, který se zobrazí, když uživatel najede myší na ovládací prvek.

Transparency – stupeň viditelnosti ovládacích prvků za obrázkem. Desetinné hodnoty se pohybují od 0 do 1. Kde 0 je neprůhledný, 0,5 je poloprůhledný a 1 je průhledný.

Visible – možnost zobrazení nebo skrytí ovládacího prvku.

Width – vzdálenost mezi levým a pravým okrajem ovládacího prvku.

X – vzdálenost mezi levým okrajem ovládacího prvku a levým okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Y – vzdálenost mezi horním okrajem ovládacího prvku a horním okrajem jeho nadřazeného kontejneru (nebo obrazovky, pokud se nadřazený kontejner nepoužívá).

Související funkce

Remove( ZdrojDat; ThisItem )

Příklady

Zobrazení obrázku z místního souboru

1. V nabídce Soubor klikněte nebo klepněte na Média a potom na Procházet.

2. Klikněte nebo klepněte na soubor obrázku, který chcete přidat, klikněte nebo klepněte na Otevřít a potom se stisknutím klávesy Esc vraťte do výchozího pracovního prostoru.

3. Přidejte ovládací prvek Obrázek a do jeho vlastnosti Image nastavte název přidaného souboru.

   Podívejte se, jak přidat a nakonfigurovat ovládací prvek.

   V ovládacím prvku Obrázek se zobrazí zadaný obrázek.

Zobrazení sady obrázků ze zdroje dat

1. Stáhněte si tento excelový soubor a uložte ho do místního zařízení.

2. V Power Apps Studio vytvořte nebo otevřete aplikaci a potom v pravém podokně klikněte nebo klepněte na Přidat zdroj dat.

   Pokud se možnost Přidat zdroj dat v pravém podokně nezobrazí, klikněte nebo klepněte na obrazovku v levém navigačním panelu.

3. Klikněte nebo klepněte na Přidat statická data do aplikace, klikněte nebo klepněte na stažený excelový soubor a potom na Otevřít.

4. Zaškrtněte políčko Flooring Estimates (Kalkulace podlahových materiálů) a potom klikněte nebo klepněte na Připojit.

5. Přidejte ovládací prvek Galerie s obrázky a do vlastnosti Items nastavte FlooringEstimates.

   Podívejte se, jak přidat a nakonfigurovat ovládací prvek.

   V ovládacím prvku Galerie se zobrazí produktové obrázky koberců, dřeva a dlaždic na základě odkazů ve staženém excelovém souboru.

Pokyny pro přístupnost

Barevný kontrast

• Pokud se grafika použije jako tlačítko, platí standardní požadavky na barevný kontrast.
• Zvažte kontrolu problémů s kontrastem v rámci obrázku, pokud není čistě dekorativní.

Podpora pro čtení z obrazovky

• Pro důležitou grafiku musí být nastavena vlastnost AccessibleLabel.

• Pokud je grafika jen na ozdobu nebo poskytuje nadbytečné informace, ponechte vlastnost AccessibleLabel prázdnou nebo ji nastavte na prázdný řetězec "". Čtečky obrazovky budou tyto grafiky ignorovat.

Můžete například umístit ovládací prvek Obrázek visacího zámku vedle prvku Popisek s textem Tento formulář nelze upravit. U obrázku není nutné zadávat vlastnost AccessibleLabel, protože vlastnost Label již vysvětluje jeho význam.

Podpora klávesnice

• Pokud grafika slouží jako tlačítko, TabIndex musí být nula nebo větší. Uživatelé klávesnice pak na tento prvek mohou přejít.

• Pokud grafika slouží jako tlačítko, ukazatele fokusu musí být zřetelně vidět. Tohoto výsledku dosáhnete pomocí vlastností FocusedBorderColor a FocusedBorderThickness.