Ovládací prvek Tlačítko v Power Apps

Ovládací prvek pro interakci s aplikací, na který může uživatel kliknout nebo klepnout

Popis

Můžete konfigurovat vlastnost OnSelect ovládacího prvku Tlačítko tak, aby se při kliknutí nebo klepnutí na ovládací prvek spustil jeden nebo více vzorců.

Vlastnosti klíče

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

Text – text, který se v ovládacím prvku zobrazuje nebo který zadává do ovládacího prvku uživatel.

Další vlastnosti

Align – vodorovné umístění textu ve vztahu ke středu ovládacího prvku.

AutoDisableOnSelect – automaticky zakáže ovládací prvek v době provádění vlastnosti 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.

Color – barva textu v ovládacím prvku.

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

DisabledColor – barva textu 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).

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.

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

Font – název rodiny písem pro zobrazení textu.

FontWeight – váha textu v ovládacím prvku: Bold (Tučné), Semibold (Polotučné), Normal (Normální) nebo Lighter (Tenčí).

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.

HoverColor – barva textu v ovládacím 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.

Italic – možnost zobrazení textu v ovládacím prvku jako kurzívy.

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.

Pressed – v případě stisknutí ovládacího prvku má hodnotu true, jinak má hodnotu false

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

PressedColor – barva textu v ovládacím 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.

Size – velikost písma textu zobrazeného v ovládacím prvku.

Strikethrough – možnost zobrazení textu v ovládacím prvku jako přeškrtnutého.

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.

Underline – možnost zobrazení textu v ovládacím prvku jako podtrženého.

VerticalAlign – svislé umístění textu ve vztahu ke středu ovládacího prvku.

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

Navigate ( ScreenName, ScreenTransitionValue )

Příklady

Přidání základního vzorce do tlačítka

1. Přidejte ovládací prvek Textové zadání a pojmenujte ho Source (Zdroj).

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

2. Přidejte ovládací prvek Tlačítko, pro jeho vlastnost Text zadejte hodnotu „Add“ (Přičíst) a pro jeho vlastnost OnSelect zadejte tento vzorec:
   UpdateContext({Total:Total + Value(Source.Text)})

   Přečtěte si další informace o funkci UpdateContext a dalších funkcích.

3. Přidejte ovládací prvek Popisek, nastavte jeho vlastnost Text v řádku vzorců na Hodnota(celkem) a potom stiskněte F5.

4. Smažte výchozí text v ovládacím prvku Source, zadejte číslo a potom klikněte nebo klepněte na Add.

   Na ovládacím prvku Popisek se zobrazuje číslo, které jste zadali.

5. Smažte číslo v ovládacím prvku Source, zadejte jiné číslo a potom klikněte nebo klepněte na Přidat.

   Ovládací prvek Popisek zobrazí součet obou čísel, která jste zadali.

6. (volitelné) Opakujte jednou nebo několikrát předchozí krok.

7. Pokud se chcete vrátit do výchozího pracovního prostoru, stiskněte klávesu Esc (nebo klikněte nebo klepněte v pravém horním rohu na ikonu pro zavření).

Konfigurace tlačítka s více vzorci

Přidejte vzorec, který mezi jednotlivými zadáními vymaže ovládací prvek Textové zadání.

1. Nastavte vlastnost HintText (Text nápovědy) ovládacího prvku Source na „Enter a number“ (Zadejte číslo).

2. Pro vlastnost OnSelect ovládacího prvku Add nastavte tento vzorec:

   UpdateContext({Total:Total + Value(Source.Text)});
   UpdateContext({ClearInput: ""})

   Poznámka

   Pokud zadáváte více vzorců, oddělujte je středníkem (;).

3. Vlastnost Default (Výchozí) ovládacího prvku Source nastavte na ClearInput.

4. Stiskněte klávesu F5 a otestujte aplikaci sečtením několika čísel.

Resetování součtu přidáním dalšího tlačítka

Přidání druhého tlačítka pro vymazání součtu před zahájením dalšího výpočtu

1. Přidejte další ovládací prvek Tlačítko, pro jeho vlastnost Text zadejte hodnotu „Clear“ (Vymazat) a pro jeho vlastnost OnSelect zadejte tento vzorec:

   UpdateContext({Total:0})

2. Stiskněte klávesu F5, sečtěte několik čísel a potom kliknutím nebo klepnutím na Clear součet vynulujte.

Změna vzhledu tlačítka

Změna tvaru tlačítka

Ovládací prvek Tlačítko má v Power Apps ve výchozím nastavení obdélníkový tvar a zaoblené rohy. Tvar ovládacího prvku Tlačítko můžete měnit nastavením jeho vlastností Height (Výška), Width (Šířka) a Radius (Rádius).

1. Přidejte ovládací prvek Tlačítko a jeho vlastnosti Height (Výška) a Width (Šířka) nastavte na hodnotu 300, a vytvořte tak velké čtvercové tlačítko.

2. Změňte hodnoty vlastností RadiusTopLeft, RadiusTopRight, RadiusBottomLeft a RadiusBottomRight, a upravte tak zaoblení jednotlivých rohů. Níže jsou uvedené příklady vytvoření různých tvarů. Každý vychází ze čtvercového tlačítka o rozměrech 300 × 300:

   • Když pro všechny čtyři vlastnosti Radius nastavíte hodnotu 150, vytvoříte kruh.
   • Nastavením hodnoty 300 u vlastností RadiusTopLeft a RadiusBottomRight vytvoříte Tlačítko ve tvaru listu.
   • Když pro vlastnosti RadiusTopLeft a RadiusTopRight nastavíte hodnotu 300 a pro vlastnosti RadiusBottomLeft a RadiusBottomRight hodnotu 100, vytvoříte tlačítko ve tvaru karty.

Změna barvy tlačítka při přechodu myší

Ve výchozím nastavení se barva výplně ovládacího prvku Tlačítko při najetí ukazatelem myši ztlumí o 20 %. Toto chování můžete upravit změnou vlastnosti HoverFill, která používá funkci ColorFade. Pokud pro procento ColorFade zadáte kladnou hodnotu, bude barva při najetí ukazatelem myši na tlačítko světlejší, zatímco v případě záporné hodnoty tmavší.

• Změňte procento ColorFade u vlastnosti HoverFill některého tlačítka, které jste vytvořili, a podívejte se, jak se změna projeví.

Můžete také zadat barvu ovládacího prvku Tlačítko tak, že jeho vlastnost HoverFill nastavíte na vzorec, který bude místo funkce ColorFade obsahovat funkci ColorValue, například ColorValue("Red").

• U některého tlačítka, které jste vytvořili, nahraďte funkci ColorFade funkcí ColorValue a podívejte se, jak se změna projeví.

Pokyny pro přístupnost

Barevný kontrast

• Platí standardní požadavky na barevný kontrast.

Podpora pro čtení z obrazovky

• Musí existovat Text.

Podpora klávesnice

• Vlastnost TabIndex musí být nulová nebo větší, aby na ni uživatelé klávesnice mohli přejít.
• Ukazatele fokusu musí být zřetelně vidět. Toho dosáhnete pomocí vlastností FocusedBorderColor a FocusedBorderThickness.