Sdílet prostřednictvím

Nabídky a kontextové nabídky

Hlavní nabídky a kontextové nabídky jsou podobné v tom, jak vypadají a co mohou obsahovat. Oba zobrazují uspořádaný seznam příkazů nebo možností a šetří místo skrytím, dokud je uživatel nepotřebuje. Existují však rozdíly mezi nimi, například to, co byste měli použít k jejich vytvoření a jak k nim uživatel přistupuje.

Příklad typické kontextové nabídky

Je to správná kontrola?

Nabídky a místní nabídky slouží k uspořádání příkazů a šetří místo tím, že tyto příkazy skryjí, dokud je uživatel nepotřebuje. Pokud chcete zobrazit libovolný obsah, například oznámení nebo žádost o potvrzení, použijte dialogové okno nebo vyskakovací okno.

Pokud se konkrétní příkaz použije často a máte k dispozici místo, zvažte jeho umístění přímo do vlastního prvku, aby uživatelé nemuseli procházet nabídkou, aby se k němu dostali.

Kdy byste měli použít nabídku nebo kontextovou nabídku?

  • Pokud je hostitelským prvkem tlačítko nebo jiný prvek s příkazem, jehož primární rolí je prezentovat další příkazy, použijte nabídku.
  • Pokud je hostitelský prvek jiným typem elementu, který má jiný primární účel (například prezentující text nebo obrázek), použijte místní nabídku.

Pokud chcete přidat příkazy (například Vyjmout, Kopírovat a Vložit) do textového nebo obrázkového prvku, použijte místo nabídky kontextové menu. V tomto scénáři je primární rolí textového prvku prezentovat a upravit text; další příkazy (například Vyjmout, Kopírovat a Vložit) jsou sekundární a patří do místní nabídky.

Příklad místní nabídky ve fotogalerii

Místní nabídky

Místní nabídky mají následující charakteristiky:

  • Jsou připojeny k jednomu prvku a zobrazují sekundární příkazy.
  • Vyvolá se kliknutím pravým tlačítkem myši (nebo ekvivalentní akcí, například stisknutím a podržením prstem).
  • Jsou přidruženy k prvku prostřednictvím jeho ContextFlyout vlastnost.

V případech, kdy místní nabídka bude obsahovat běžné příkazy (například Kopírovat, Vyjmout, Vložit, Odstranit, Sdílet nebo výběr textu), použijte panel příkazů a seskupte tyto běžné příkazy dohromady jako primární příkazy, aby se v místní nabídce zobrazily jako jeden vodorovný řádek.

V případech, kdy vaše místní nabídka nebude obsahovat běžné příkazy, můžete k zobrazení místní nabídky použít buď úlet panelu příkazů , nebo úlet kontextové nabídky . Doporučujeme použít CommandBarFlyout, protože poskytuje více funkcí než MenuFlyout a v případě potřeby může dosáhnout stejného chování a vzhledu MenuFlyout pouze pomocí sekundárních příkazů.

Nabídky mají následující charakteristiky:

  • Jeden vstupní bod (například nabídka Soubor v horní části obrazovky), který je stále viditelný.
  • Obvykle jsou přiřazeny k tlačítku nebo položce nadřazeného menu.
  • Vyvolá se levým kliknutím (nebo ekvivalentní akcí, například klepnutím prstem).
  • Jsou přidruženy k prvku prostřednictvím jeho Flyout nebo FlyoutBase.AttachedFlyout vlastnosti, nebo seskupeny v řádku nabídek v horní části okna aplikace.

Když uživatel vyvolá prvek příkazu (například tlačítko), jehož primární úloha je prezentovat další příkazy, použijte rozevírací nabídku k zobrazení jediného menu nejvyšší úrovně, které se zobrazí jako kontextová nabídka připojená k prvku uživatelského rozhraní na plátně. Každý MenuFlyout může hostovat položky nabídek a dílčí nabídky. U aplikací, které mohou potřebovat více organizace nebo seskupení, použijte lištu nabídek jako rychlý a jednoduchý způsob, jak zobrazit sadu více nabídek nejvyšší úrovně v horizontální řadě.

Univerzální platforma Windows a WinUI 2

Důležité

Informace a příklady v tomto článku jsou optimalizované pro aplikace, které používají Windows App SDK a WinUI 3, ale obecně platí pro aplikace pro UPW, které používají WinUI 2. Informace o konkrétních platformách a příklady najdete v referenčních informacích k rozhraní API pro UPW.

Tato část obsahuje informace potřebné pro použití ovládacího prvku v aplikacích UWP nebo WinUI 2.

Ovládací prvky CommandBarFlyout a MenuBar pro aplikace pro UPW jsou součástí WinUI 2. Další informace, včetně pokynů k instalaci, najdete v tématu WinUI 2. Rozhraní API pro tyto ovládací prvky existují v oborech názvů Windows.UI.Xaml.Controls i Microsoft.UI.Xaml.Controls.

K získání nejaktuálnějších stylů a šablon pro všechny ovládací prvky doporučujeme použít nejnovější WinUI 2 . WinUI 2.2 nebo novější obsahuje novou šablonu pro tyto ovládací prvky, které používají zaoblené rohy. Další informace najdete v tématu Poloměr rohu.

Pokud chcete použít kód v tomto článku s WinUI 2, použijte alias v JAZYCE XAML (používáme muxc) k reprezentaci rozhraní API knihovny uživatelského rozhraní Systému Windows, která jsou součástí vašeho projektu. Další informace najdete v tématu Začínáme s WinUI 2 .

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<muxc:CommandBarFlyout />
<muxc:MenuBar />
  • Last updated on