Ovládací prvky pro Windows aplikace

Ovládací prvky uživatelského rozhraní tvoří Windows aplikaci – tlačítka, textová pole, seznamy, výběry a další prvky. Ovládací prvek zobrazuje obsah nebo umožňuje uživatelům pracovat s vaší aplikací. Vzor kombinuje více ovládacích prvků do opakovaně použitelného receptu pro běžné scénáře, jako jsou formuláře nebo rozložení podrobností seznamu.

Windows poskytuje více než 45 ovládacích prvků připravených k použití, které jsou postavené na Fluent Design System. Od jednoduchých přepínačů až po zobrazení s bohatými daty, jako je mřížka a seznam, vám tyto ovládací prvky pomůžou vytvářet rozhraní, která jsou vizuálně elegantní, přístupná a responzivní na různých zařízeních.

Projděte si články v této části, kde najdete pokyny k návrhu, příklady kódu a osvědčené postupy pro jednotlivé ovládací prvky a vzory.

Začínáme

Informace o přidání ovládacích prvků do aplikace a připojení obslužných rutin událostí najdete v tématu Přidání ovládacích prvků a zpracování událostí. Pokud chcete přizpůsobit vzhled ovládacího prvku pomocí opakovaně použitelných stylů XAML, podívejte se na ovládací prvky Styling.

Ovládání

Následující tabulka uvádí Windows ovládací prvky aplikace dostupné ve WinUI s odkazy na jejich dokumentaci.

Základní vstup

Obrázek Ovládací prvek Description
Tlačítka Tlačítka Ovládací prvek, který reaguje na vstup uživatele a vyvolá událost kliknutí. Obsahuje tlačítko, rozevírací tlačítko, rozdělené tlačítko, přepínací tlačítko a další.
Zaškrtávací políčka Zaškrtávací políčka Ovládací prvek, který může uživatel vybrat nebo zrušit.
Rozbalovací seznamy Kombinované rámečky Rozevírací seznam položek, ze které si uživatel může vybrat.
Hypertextové odkazy Hypertextové odkazy Tlačítko, které se zobrazí jako text hypertextového odkazu, a může přejít na identifikátor URI nebo zpracovat událost kliknutí.
Rádiová tlačítka Rádiové tlačítko Ovládací prvek, který uživateli umožňuje vybrat jednu možnost ze skupiny možností.
Ovládací prvek Hodnocení Ovládací prvek Hodnocení Ohodnoťte něco 1 až 5 hvězdiček.
Posuvníky posuvníky Ovládací prvek, který uživateli umožňuje vybrat z rozsahu hodnot přesunutím ovládacího prvku Thumb podél stopy.
Přepínání přepínačů Přepínání přepínačů Přepínač, který lze přepínat mezi 2 stavy.

Collections

Obrázek Ovládací prvek Description
Zobrazení položek Zobrazení položek Ovládací prvek, který prezentuje kolekci položek pomocí různých rozložení.
Zobrazení seznamu a zobrazení mřížky Zobrazení seznamu a zobrazení mřížky Ovládací prvky, které představují kolekci položek ve svislém seznamu nebo v řádcích a sloupcích.
Překlopit zobrazení Překlápění zobrazení Představuje kolekci položek, které uživatel může procházet, jednu položku najednou.
Pips pager Pips pager Ovládací prvek, který uživateli umožní procházet stránkovanou kolekci, když čísla stránek nemusí být vizuálně známá.
Stromové zobrazení Stromové zobrazení Hierarchická struktura seznamu s rozbalovatelnými a sbalitelnými uzly obsahujícími vnořené položky.
Opakovač položek Opakovač položek Flexibilní primitivní prvky řízení pro datově řízené rozložení.
potáhnutí prstem Švihnout Dotykové gesto pro rychlé akce nabídky u položek
Aktualizace na vyžádání Aktualizace na vyžádání Umožňuje načíst kolekci položek v seznamu nebo mřížce a aktualizovat tak obsah kolekce.

Dialogy a vyskakovací okna

Obrázek Ovládací prvek Description
Dialogy Dialogy Dialogové okno, které lze přizpůsobit tak, aby obsahovalo jakýkoli obsah XAML.
Informační rámečky Informační rámečky Zobrazuje kontextové informace a umožňuje interakci uživatele.
Tip k výuce Tip k výuce Informační okno s bohatým obsahem pro vedení uživatelů a umožnění výukových momentů

Forms

Obrázek Ovládací prvek Description
Formuláře Vzor pro shromažďování a odesílání uživatelských vstupů pomocí kombinace vstupních ovládacích prvků a popisků

Multimédia, grafika a obrazce

Obrázek Ovládací prvek Description
Ikony ikony Představuje ovládací prvky ikony, které používají různé typy obrázků jako obsah.
Animované ikony Animované ikony Prvek, který zobrazuje a řídí ikonu, která se animuje, když uživatel pracuje s ovládacím prvkem.
Obrázky a štětce obrázků obrázky a obrazové štětce Ovládací prvek pro zobrazení obsahu obrázku.
Přehrávání médií přehrávání médií Ovládací prvek pro zobrazení obsahu videa a obrázku.
Obrazce Obrazce Nakreslete tvary, jako jsou elipsy, obdélníky a mnohoúhelníky.

Note

Ovládací prvky rukopisu (InkCanvas, InkToolbar): Tyto ovládací prvky UPW nejsou k dispozici ve stabilním kanálu WinUI 3. InkCanvas je k dispozici jako experimentální rozhraní API (představené v Windows App SDK 2.0 Experimentální 1). Aktuální stav a alternativy najdete v tématu Známé kontrolní mezery.

Obrázek Ovládací prvek Description
Nabídky a místní nabídky Menu a kontextové nabídky Zobrazuje kontextový seznam jednoduchých příkazů nebo možností.
Panel příkazů Panel příkazů Panel nástrojů pro zobrazení příkazů specifických pro aplikaci, které zpracovávají rozložení a změnu velikosti jeho obsahu.
Rozbalovací panel příkazů Vyskakovací panel příkazů Minipanel nástrojů zobrazující proaktivní příkazy a volitelnou nabídku příkazů
Rozevírací nabídka a nabídková lišta Rozevírací nabídka a panel nabídek Klasická nabídka umožňující zobrazení položek nabídky obsahujících položky kontextové nabídky.
Obrázek Ovládací prvek Description
Navigační panel Navigační lišta Zobrazuje navigační trasu vedoucí k aktuálnímu umístění.
Seznam/podrobnosti Vzor, který zobrazuje seznam položek spolu s podrobnostmi o aktuálně vybrané položce
Navigační zobrazení zobrazení navigace Společné vertikální uspořádání pro hlavní oblasti vaší aplikace pomocí sbalitelné navigační nabídky.
Snímek obrazovky s ovládacím prvku Pivot Pivot Zobrazuje informace z různých zdrojů v zobrazení s kartami.
Panel selektoru Lišta selektoru Obsahuje informace z malé sady různých zdrojů. Uživatel si může vybrat jeden z nich.
Zobrazení panelu Zobrazení panelu Ovládací prvek, který zobrazuje kolekci karet, které lze použít k zobrazení několika dokumentů.

People

Obrázek Ovládací prvek Description
Obrázek osoby Obrázek osoby Zobrazí obrázek osoby nebo kontaktu.

Pickers

Obrázek Ovládací prvek Description
Výběr barvy Výběr barvy Ovládací prvek, který zobrazuje výběrové barevné spektrum.
Výběr data kalendáře Výběr data z kalendáře Ovládací prvek, který umožňuje uživatelům vybrat hodnotu data pomocí kalendáře.
Zobrazení kalendáře zobrazení kalendáře Ovládací prvek, který uživateli zobrazí kalendář, ze kterého si může vybrat datum.
Výběr data výběr data Ovládací prvek, který umožňuje uživateli vybrat datum.
Výběr času Výběr času Konfigurovatelný ovládací prvek, který uživateli umožňuje vybrat časovou hodnotu.

Posouvání a uspořádání

Obrázek Ovládací prvek Description
Snímek obrazovky ovládacího prvku Expander Expander Kontejner s hlavičkou, která se dá rozbalit, aby se zobrazilo tělo s větším obsahem.
Scrollování a posouvání ovládacích prvků Rolování a posouvání ovládacích prvků Ovládací prvek kontejneru, který umožňuje uživateli posunout a přiblížit jeho obsah.
Anotovaný posuvník Anotovaný posuvník Ovládací prvek, který rozšiřuje běžnou funkci svislého posuvníku pro snadnou navigaci ve velkých kolekcích.
Sémantické přiblížení Sémantické přiblížení Umožňuje uživateli přiblížit mezi dvěma různými zobrazeními kolekce, což usnadňuje procházení velkých kolekcí položek.
Rozdělené zobrazení rozdělené zobrazení Kontejner, který má 2 oblasti obsahu, s více možnostmi zobrazení pro podokno.
Dvouokenní zobrazení Dvoupanelové zobrazení Ovládací prvek se dvěma oblastmi obsahu, které pokrývají dostupné místo buď vedle sebe, nebo nad sebou.

Stav a informace

Obrázek Ovládací prvek Description
Pokroku Progress Zobrazuje průběh úkolu pomocí pruhu průběhu nebo kruhu průběhu.
Snímek obrazovky ovládacího prvku Tooltipu popisu Zobrazí informace pro prvek v automaticky otevíraném okně.
Informační panel Informační panel Vložená zpráva pro zobrazení informací o změně stavu na úrovni aplikace
Informační odznak Informační odznak Nevtíravé uživatelské rozhraní pro zobrazení oznámení nebo přenesení fokusu na oblast

Text

Obrázek Ovládací prvek Description
Pole automatického návrhu pole automatického návrhu Ovládací prvek poskytující návrhy během psaní uživatelem
Blok textu blok textu Jednoduchý ovládací prvek pro zobrazení malých objemů textu.
Blok formátovaného textu blok formátovaného textu Ovládací prvek, který zobrazuje formátovaný text, hypertextové odkazy, vložené obrázky a další formátovaný obsah.
Textové pole textové pole Jednořádkové nebo víceřádkové pole prostého textu.
Rozšířené textové pole bohaté textové pole Ovládací prvek pro úpravy formátovaného textu, který podporuje formátovaný text, hypertextové odkazy a další formátovaný obsah.
Pole Heslo Pole pro heslo Ovládací prvek pro zadávání hesel.
Číselné pole Číselné pole Textový ovládací prvek používaný pro číselný vstup a vyhodnocení algebraických rovnic.
Popisky Pokyny pro přidání přístupných popisků ke vstupním ovládacím prvkům

Záhlaví

Obrázek Ovládací prvek Description
Titulkový pruh Lišta názvu Přizpůsobte si záhlaví okna aplikace.

Aplikace Galerie WinUI 3 je nejlepší způsob, jak tyto ovládací prvky prozkoumat. Poskytuje interaktivní ukázky většiny ovládacích prvků, funkcí a vzorů fluent designů WinUI – což je ideální doplněk k této dokumentaci. Nainstalujte ho, abyste mohli v reálném čase zkoušet kontrolní prvky a propojit přímo z jednotlivých stránek kontrolních prvků.

Další ovládací prvky a prostředky

Sada Windows Community Toolkit je kolekce pomocných rutin, rozšíření a dalších ovládacích prvků uživatelského rozhraní, které doplňují integrované ovládací prvky WinUI. Je řízená komunitou a udržuje ji Microsoft, která pokrývá běžné scénáře, jako jsou pokročilá rozložení, převaděče a animace.

Pokud chcete získat dřívější přístup k experimentálním ovládacím prvkům a funkcím, podívejte se na Windows Community Toolkit Labs, kde se před přechodem na hlavní sadu nástrojů vyvíjejí a testují nové komponenty.

  • Last updated on