Sdílet prostřednictvím

Ovládací prvek Button v Power Apps

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

Description

Nakonfigurujte vlastnost OnSelect ovládacího prvku Tlačítko tak, aby spouštěla jeden nebo více vzorců, když uživatel klikne nebo klepne na ovládací prvek.

Vlastnosti klíče

OnSelect – Akce, které se mají provést, když uživatel klepne nebo klikne na ovládací prvek.

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

Další vlastnosti

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

AutoDisableOnSelect – Automaticky zakáže ovládací prvek, zatímco je spuštěno chování OnSelect .

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

BorderStyle – určuje, jestli je ohraničení ovládacího prvku plné, přerušované, tečkované nebo žádné.

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

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

ContentLanguage – jazyk obsahu ovládacího prvku, pokud se liší od kontejneru ovládacího prvku.

DisplayMode – určuje, jestli ovládací prvek umožňuje uživatelský vstup (Upravit), zobrazuje jenom data (Zobrazení) nebo je zakázaný (zakázáno).

DisabledBorderColor – barva ohraničení ovládacího prvku, pokud je vlastnost DisplayMode ovládacího prvku nastavena na Disabled.

DisabledColor – barva textu v ovládacím prvku, pokud je vlastnost DisplayMode nastavena na Disabled.

DisabledFill – Barva pozadí ovládacího prvku, pokud je jeho Vlastnost DisplayMode nastavena na Disabled.

FocusedBorderColor – barva ohraničení ovládacího prvku při fokusu ovládacího prvku

FocusedBorderThickness – tloušťka ohraničení ovládacího prvku při zaměření ovládacího prvku.

Výplň – barva pozadí ovládacího prvku.

Písmo – název rodiny písem, ve kterých se text zobrazuje.

FontWeight – váha textu v ovládacím prvku: Tučné písmo, Polobold, Normální nebo Světlejší.

Výška – vzdálenost mezi horním a dolním okrajem ovládacího prvku.

HoverBorderColor – barva ohraničení ovládacího prvku, když uživatel ponechá ukazatel myši na daném ovládacím prvku.

HoverColor – barva textu v ovládacím prvku, když uživatel drží ukazatel myši na něj.

HoverFill – barva pozadí ovládacího prvku, když uživatel drží ukazatel myši na ovládací prvek.

Kurzíva – zda je text v ovládacím prvku kurzíva.

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

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

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

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

Stisknuto – True , když se stiskne ovládací prvek, jinak nepravda .

PressedBorderColor – barva ohraničení ovládacího prvku, když uživatel klepne nebo klikne na tento ovládací prvek.

PressedColor – barva textu v ovládacím prvku, když uživatel klepne nebo klikne na tento ovládací prvek.

PressedFill – barva pozadí ovládacího prvku, když uživatel klepne nebo klikne na tento ovládací prvek.

RadiusBottomLeft – stupeň zaokrouhlení levého dolního rohu ovládacího prvku.

RadiusBottomRight – stupeň zaokrouhlení pravého dolního rohu ovládacího prvku.

RadiusTopLeft – stupeň zaokrouhlení levého horního rohu ovládacího prvku.

RadiusTopRight – stupeň zaokrouhlení pravého horního rohu ovládacího prvku.

Velikost – velikost písma textu, který se zobrazí v ovládacím prvku.

Přeškrtnutí – určuje, jestli se čára zobrazuje přes text, který se zobrazí na ovládacím prvku.

TabIndex – Pořadí navigace pomocí klávesnice ve vztahu k jiným ovládacím prvkům

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

Podtržení – určuje, zda se pod textem, který se zobrazuje na ovládacím prvku, řádek.

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

Visible – určuje, jestli se ovládací prvek zobrazí nebo je skrytý.

Šířka – 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; ScreenTransitionValue )

Examples

Přidání základního vzorce na tlačítko

  1. Přidejte ovládací prvek Text input a pojmenujte ho Zdroj.

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

  2. Přidejte ovládací prvek Tlačítko , nastavte jeho vlastnost Text na Add a nastavte jeho Vlastnost OnSelect na tento vzorec:
    UpdateContext({Total:Total + Value(Source.Text)})

    Chcete další informace o funkci UpdateContext nebo jiných funkcích?

  3. Přidejte ovládací prvek Popisek , nastavte jeho vlastnost Text na řádku vzorců na Value(Total) a stiskněte klávesu F5.

  4. Vymažte výchozí text ze zdroje, zadejte do něj číslo a potom klikněte nebo klepněte na Přidat.

    Ovládací prvek Popisek zobrazuje číslo, které jste zadali.

  5. Vymažte číslo ze zdroje, zadejte do něj jiné číslo a potom klikněte nebo klepněte na Přidat.

    Ovládací prvek Popisek zobrazuje součet dvou čísel, která jste zadali.

  6. (volitelné) Opakujte předchozí krok jednou nebo vícekrát.

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

Konfigurace tlačítka s více vzorci

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

  1. Nastavte hintText vlastnost Source na "Enter a number".

  2. Nastavte vlastnost OnSelectdoplňku do tohoto vzorce:

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

    Poznámka:

    Oddělte více vzorců středníkem ";".

  3. Nastavte Default vlastnost Source na ClearInput.

  4. Stiskněte klávesu F5 a pak aplikaci otestujte tak, že sečte několik čísel.

Přidání dalšího tlačítka pro resetování součtu

Přidejte druhé tlačítko pro vymazání součtu mezi výpočty.

  1. Přidejte další ovládací prvek Tlačítko , nastavte jeho vlastnost Text na "Clear" a jeho Vlastnost OnSelect nastavte na 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 Vymazat obnovte celkový součet.

Změna vzhledu tlačítka

Změna obrazce tlačítka

Power Apps ve výchozím nastavení vytvoří obdélníkový ovládací prvek Tlačítko se zaoblenými rohy. Základní úpravy obrazce ovládacího prvku Button můžete provést nastavením jeho vlastností Výška, Šířka a Poloměr .

Poznámka:

Ikony a obrazce poskytují širokou škálu návrhů a můžou provádět některé ze stejných základních funkcí, které ovládací prvky Button dělají. Ikony a obrazce ale nemají vlastnost Text.

  1. Přidejte ovládací prvek Tlačítko a nastavte jeho vlastnosti Výška a Šířka na hodnotu 300 , aby se vytvořilo velké čtvercové tlačítko.

  2. Upravte vlastnosti RadiusTopLeft, RadiusTopRight, RadiusBottomLeft a RadiusBottomRight tak, aby upravte velikost zakřivení v každém rohu. Tady je několik příkladů různých obrazců, z nichž každý začíná čtvercovým tlačítkem 300 x 300:

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

Ve výchozím nastavení se barva výplně ovládacího prvku Tlačítko ztmaví o 20%, když na ni najedete myší. Toto chování můžete upravit změnou vlastnosti HoverFill , která používá funkci ColorFade . Pokud nastavíte vzorec ColorFade na kladné procento, barva se změní na světlejší, když na tlačítko najedete myší, zatímco záporné procento ztmavne barvu.

  • Změňte procento ColorFade ve vlastnosti HoverFill některého z tlačítek, která jste vytvořili, a sledujte efekty.

Barvu ovládacího prvku Button můžete také určit nastavením vlastnosti HoverFill na vzorec, který obsahuje funkci ColorValue namísto funkce ColorFade , jako v ColorValue("Red").

Poznámka:

Hodnota barvy může být libovolná definice barvy CSS, název nebo šestnáctkové hodnoty.

  • Nahraďte funkci ColorFade funkcí ColorValue v jednom z tlačítek, která jste vytvořili, a sledujte efekty.

Pokyny pro přístupnost

Barevný kontrast

Podpora pro čtení z obrazovky

  • Text musí být k dispozici.

Podpora klávesnice

  • Last updated on