Ovládacie prvky Tvar a Ikona v Power Apps

  • Článok

Grafické prvky, pre ktoré môžete nakonfigurovať vlastnosti vzhľadu a správania.

Popis

Tieto ovládacie prvky obsahujú šípky, geometrické tvary, ikony akcie a symboly, pre ktoré môžete nakonfigurovať vlastnosti, ako sú výplň, veľkosť a umiestnenie. Môžete tiež nastaviť ich vlastnosť OnSelect tak, aby aplikácia reagovala, ak používateľ vyberie ovládací prvok.

Kľúčové vlastnosti (ikony a tvary)

Fill – farba pozadia ovládacieho prvku.

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

Kľúčové vlastnosti (iba ikony)

Icon – typ zobrazovanej ikony (napríklad ArrowDown alebo ShoppingCart).

Rotation – počet stupňov na otočenie ikony.

Color – farba ikony podľa názvu alebo hodnôt RGBA.

Ďalšie vlastnosti

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

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

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.

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

PressedBorderColor – farba orámovania ovládacieho prvku po výbere ovládacieho prvku zo strany používateľa.

PressedFill – farba pozadia ovládacieho prvku po výbere ovládacieho prvku zo strany používateľa.

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

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

Navigate( ScreenName, ScreenTransition )

Príklad

  1. Pomenujte predvolený ovládací prvok Screen názvom Cieľ, pridajte ovládací prvok Label a nastavte jeho vlastnosť Text tak, aby zobrazovala názov Cieľ.

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

  2. Pridajte ovládací prvok Screen a pomenujte ho Zdroj.

  3. Do prvku Zdroj pridajte ovládací prvok Tvar a jeho vlastnosť OnSelect nastavte na tento vzorec:

Navigate(Target, ScreenTransition.Fade)

  1. Stlačte kláves F5 a potom vyberte ovládací prvok Tvar.

    Zobrazí sa obrazovka Cieľ.

  2. (voliteľné) Stlačením klávesu Esc sa vráťte do predvoleného pracovného priestoru, pridajte ovládací prvok Tvar do ovládacieho prvku Target a nastavte vlastnosť OnSelect ovládacieho prvku Tvar na tento vzorec:

Navigate(Source, ScreenTransition.Fade)

Pokyny na zjednodušenie ovládania

Farebný kontrast

Nasledujúce informácie sa vzťahujú len na grafické prvky, ktoré slúžia ako tlačidlá alebo nie sú určené len na dekoráciu.

Pre ikony:

Pre tvary s orámovaním:

Tvary bez orámovania:

  • Fill a farba okolo ovládacieho prvku
  • PressedFill a farba okolo ovládacieho prvku (ak sa používa ako tlačidlo)
  • HoverFill a farba okolo ovládacieho prvku (ak sa používa ako tlačidlo)

Podpora čítačky 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 vedľa štítka, ktorý uvádza Tento formulár nie je možné upraviť. Nepotrebujete AccessibleLabel pre ikonu, pretože Štítok už vysvetľuje, čo to znamená.

Dôležité

Ak je vlastnosť TabIndex nastavená na nulu alebo väčšiu hodnotu, ikona alebo tvar 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. Ak je vlastnosť TabIndex nastavená na menšiu hodnotu ako nula, obrazovku ikonu vyhodnotí ako tvar obrázka.

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