Ovládací prvky Tvar a Ikona v Power Apps

  • Článek

Grafické prvky, kterými můžete nakonfigurovat vlastnosti vzhledu a chování.

Popis

Tyto ovládací prvky zahrnují šipky, geometrické tvary, ikony akcí a symboly, kterým můžete nakonfigurovat vlastnosti jako výplň, velikost a umístění. Můžete také nakonfigurovat jejich vlastnost OnSelect, aby aplikace reagovala, když uživatel vybere ovládací prvek.

Klíčové vlastnosti (ikony a tvary)

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

OnSelect – Akce k provedení, když uživatel vybere ovládací prvek.

Klíčové vlastnosti (pouze ikony)

Ikona - Typ ikony k zobrazení (například ArrowDown nebo ShoppingCart).

Rotation - Počet stupňů pro otočení ikony.

Color - Barva ikony podle názvu nebo hodnot RGBA.

Další vlastnosti

AccessibleLabel – popisek pro čtečky obrazovky.

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).

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.

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

PressedBorderColor – barva ohraničení ovládacího prvku po výběru ovládacího prvku uživatelem

PressedFill – barva pozadí ovládacího prvku po výběru ovládacího prvku uživatelem

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

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á).

Navigate( ScreenName; ScreenTransition )

Příklad

  1. Pojmenujte výchozí ovládací prvek Obrazovka jako Cíl, přidejte ovládací prvek Popisek a nastavte jeho vlastnost Text na hodnotu Cíl.

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

  2. Přidejte ovládací prvek Obrazovka a pojmenujte ho Zdroj.

  3. Do prvku Source přidejte ovládací prvek Tvar a do jeho vlastnosti OnSelect nastavte tento vzorec:

Navigate(Target, ScreenTransition.Fade)

  1. Stiskněte klávesu F5 a poté vyberte ovládací prvek Tvar.

    Zobrazí se obrazovka Cíl.

  2. (Volitelné) Stisknutím klávesy Esc se vraťte do výchozího pracovního prostoru, přidejte do obrazovky Cíl ovládací prvek Tvar a do vlastnosti OnSelect ovládacího prvku Tvar zadejte tento vzorec:

Navigate(Source, ScreenTransition.Fade)

Pokyny pro přístupnost

Barevný kontrast

Toto platí jenom pro grafiky, které slouží jako tlačítka nebo jsou jiným způsobem určeny nejen pro dekoraci.

Pro ikony:

Pro tvary s ohraničením:

Pro tvary bez ohraničení:

  • Fill a barva mimo ovládací prvek
  • PressedFill a barva mimo ovládací prvek (pokud slouží jako tlačítko)
  • HoverFill a barva mimo ovládací prvek (pokud slouží jako tlačítko)

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 ikonu zámku vedle prvku Popisek s textem Tento formulář nelze upravit. U ikony není nutné zadávat vlastnost AccessibleLabel, protože vlastnost Label již vysvětluje její význam.

Důležité

Když má TabIndex hodnotu nula nebo větší, ikona nebo tvar se vykreslí jako tlačítko. Jeho vzhled se nemění, ale čtečky obrazovky ho budou považovat za tlačítko. Nebudou ignorovat ovládací prvek, i když je vlastnost AccessibleLabel prázdná. Když je TabIndex menší než nula, čtečka obrazovky považuje ikonu nebo tvar za obrázek.

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.

Poznámka

Můžete nám sdělit, jaké máte jazykové preference pro dokumentaci? Zúčastněte se krátkého průzkumu. (upozorňujeme, že tento průzkum je v angličtině)

Průzkum bude trvat asi sedm minut. Nejsou shromažďovány žádné osobní údaje (prohlášení o zásadách ochrany osobních údajů).