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	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	Ovládací prvek, který může uživatel vybrat nebo zrušit.
	Kombinované rámečky	Rozevírací seznam položek, ze které si uživatel může vybrat.
	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čítko	Ovládací prvek, který uživateli umožňuje vybrat jednu možnost ze skupiny možností.
	Ovládací prvek Hodnocení	Ohodnoťte něco 1 až 5 hvězdiček.
	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ínač, který lze přepínat mezi 2 stavy.

Collections

Obrázek	Ovládací prvek	Description
	Zobrazení položek	Ovládací prvek, který prezentuje kolekci položek pomocí různých rozložení.
	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řeklápění zobrazení	Představuje kolekci položek, které uživatel může procházet, jednu položku najednou.
	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í	Hierarchická struktura seznamu s rozbalovatelnými a sbalitelnými uzly obsahujícími vnořené položky.
	Opakovač položek	Flexibilní primitivní prvky řízení pro datově řízené rozložení.
	Švihnout	Dotykové gesto pro rychlé akce nabídky u položek
	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	Dialogové okno, které lze přizpůsobit tak, aby obsahovalo jakýkoli obsah XAML.
	Informační rámečky	Zobrazuje kontextové informace a umožňuje interakci uživatele.
	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	Představuje ovládací prvky ikony, které používají různé typy obrázků jako obsah.
	Animované ikony	Prvek, který zobrazuje a řídí ikonu, která se animuje, když uživatel pracuje s ovládacím prvkem.
	obrázky a obrazové štětce	Ovládací prvek pro zobrazení obsahu obrázku.
	Inkoust	Ovládací prvky pro digitální ruční kreslení, včetně plátna pro kreslení a panelu nástrojů pro kreslení.
	přehrávání médií	Ovládací prvek pro zobrazení obsahu videa a obrázku.
	Obrazce	Nakreslete tvary, jako jsou elipsy, obdélníky a mnohoúhelníky.

Nabídky a panely nástrojů

Obrázek	Ovládací prvek	Description
	Menu a kontextové nabídky	Zobrazuje kontextový seznam jednoduchých příkazů nebo možností.
	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.
	Vyskakovací panel příkazů	Minipanel nástrojů zobrazující proaktivní příkazy a volitelnou nabídku příkazů
	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.

Navigace

Obrázek	Ovládací prvek	Description
	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
	zobrazení navigace	Společné vertikální uspořádání pro hlavní oblasti vaší aplikace pomocí sbalitelné navigační nabídky.
	Pivot	Zobrazuje informace z různých zdrojů v zobrazení s kartami.
	Lišta selektoru	Obsahuje informace z malé sady různých zdrojů. Uživatel si může vybrat jeden z nich.
	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	Zobrazí obrázek osoby nebo kontaktu.

Pickers

Obrázek	Ovládací prvek	Description
	Výběr barvy	Ovládací prvek, který zobrazuje výběrové barevné spektrum.
	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	Ovládací prvek, který uživateli zobrazí kalendář, ze kterého si může vybrat datum.
	výběr data	Ovládací prvek, který umožňuje uživateli vybrat datum.
	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
	Expander	Kontejner s hlavičkou, která se dá rozbalit, aby se zobrazilo tělo s větším obsahem.
	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	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í	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í	Kontejner, který má 2 oblasti obsahu, s více možnostmi zobrazení pro podokno.
	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
	Progress	Zobrazuje průběh úkolu pomocí pruhu průběhu nebo kruhu průběhu.
	popisu	Zobrazí informace pro prvek v automaticky otevíraném okně.
	Informační panel	Vložená zpráva pro zobrazení informací o změně stavu na úrovni aplikace
	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	Ovládací prvek poskytující návrhy během psaní uživatelem
	blok textu	Jednoduchý ovládací prvek pro zobrazení malých objemů 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	Jednořádkové nebo víceřádkové pole prostého textu.
	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 pro heslo	Ovládací prvek pro zadávání hesel.
	Čí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
	Lišta názvu	Přizpůsobte si záhlaví okna aplikace.

Galerie WinUI 3

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

• Získejte galerii WinUI 3 z Microsoft Storu.
• Získejte zdrojový kód z GitHub.

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.