Kompaktní nastavení velikosti ovládacích prvků

Ovládací prvky WinUI 3 jsou navržené s mezerami optimalizovanými pro interakci s dotykovým ovládáním. U desktopových aplikací, kde uživatelé primárně používají myš nebo klávesnici, můžete použít kompaktní styl hustoty, abyste snížili výšku a odsazení ovládacích prvků. Díky tomu bude na obrazovce vidět více obsahu, aniž by se musel uživatel posouvat.

Kompaktní velikost se používá u běžných interaktivních ovládacích prvků, jako jsou Button, CheckBox, ComboBox, TextBox, Slider a další.

Použijte kompaktní velikost na stránce

Přidejte do stránky nebo panelu slovník prostředků kompaktní velikosti:

<Page.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Page.Resources>

Toto přepsání platí pro všechny ovládací prvky na stránce. Jeho použití můžete omezit na konkrétní panel tím, že slovník prostředků umístíte do Resources panelu namísto do Resources stránky.

Použití kompaktní velikosti pro celou aplikaci

Chcete-li na všech stránkách vaší aplikace použít kompaktní velikost, přidejte do App.xaml slovník prostředků:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
            <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Important

Sloučte kompaktní slovník afterXamlControlsResources tak, aby správně přepsal výchozí hodnoty velikostí.

Přepnutí velikosti za běhu

Kompaktní velikost můžete za běhu přepínat přidáním nebo odebráním slovníku prostředků v prostředcích panelu:

// Apply compact sizing
var compactDict = new ResourceDictionary
{
    Source = new Uri("ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml")
};
MyPanel.Resources.MergedDictionaries.Add(compactDict);

// Remove compact sizing (restore default sizing)
MyPanel.Resources.MergedDictionaries.Remove(compactDict);

Volba hustoty

Scenario Recommendation
Aplikace pro produktivitu nebo zadávání dat (tabulky, formuláře, nastavení) Kompaktní velikost
Aplikace pro spotřebitele nebo aplikace navržené pro dotykové zadávání Výchozí nastavení velikosti
Smíšené aplikace s panelem nastavení Použít kompaktní velikost pouze pro panel nastavení

WinUI 3 poskytuje pouze dvě úrovně hustoty: výchozí a kompaktní. Neexistuje žádné rozhraní API k nastavení libovolné hodnoty hustoty.

Otevřete aplikaci Galerie WinUI 3 a podívejte se na kompaktní velikost v praxi

Ikona galerie WinUI 3 Aplikace Galerie WinUI 3 obsahuje interaktivní příklady ovládacích prvků a funkcí WinUI. Získejte aplikaci z Microsoft Store nebo vyhledejte zdrojový kód na GitHub.
  • Last updated on