Megosztás a következőn keresztül:

Címsor

A Címsor vezérlővel egyszerűbben hozhat létre egyéni címsort az alkalmazáshoz. A címsor egy Windows alkalmazás felhasználói felületének alapvető összetevője, amely ikonján és címén keresztül azonosítja az alkalmazást, a rendszer feliratozási gombjait tartalmazza, amelyek lehetővé teszik a felhasználó számára az ablak bezárását, maximalizálását, minimalizálását és visszaállítását, és lehetővé teszi, hogy a felhasználó húzza az ablakot a képernyőn.

Egyéni címsor használatával jobban integrálhatja a címsorterületet az alkalmazás felhasználói felületével. A címsor testre szabható, hogy megfeleljen az alkalmazás vizuális stílusának a Mica-témákkal. Tartalmazhat más releváns információkat, például a dokumentum címét vagy az aktuális állapotot (pl. "Szerkesztés", "Megtekintés", stb.). Emellett más WinUI 3-vezérlőket is üzemeltethet, például az AutoSuggestBox és a PersonPicture vezérlőket, amelyek egységes felhasználói élményt biztosítanak az alkalmazás számára.

Képernyőkép egy alkalmazásablakról egyéni címsorral

Ez a megfelelő vezérlő?

A Címsor vezérlőelemet akkor használja, ha a címsorterületet az alkalmazás felhasználói felületével szeretné integrálni olyan testreszabások használatával, mint a feliratok, a Mica-tartalmak és a WinUI-vezérlőkkel való integráció.

Anatómia

Alapértelmezés szerint a címsor csak a rendszer felirat gombjait jeleníti meg. A címsor más részei a társított tulajdonságbeállításoktól függően jelennek meg vagy rejtettek.

A címsor az alábbi területekre oszlik:

Képernyőkép a címsor vezérlőelem részeiről.

  • Vissza gomb:IsBackButtonEnabled, IsBackButtonVisible, BackRequested – Beépített vissza gomb a navigációhoz.
  • Ablaktábla váltógombja:IsPaneToggleButtonVisible, PaneToggleRequested – Ez a gomb a NavigationView vezérlővel együtt használható.
  • Bal fejléc:LeftHeader
  • Icon:IconSource
  • Cím:Cím
  • Alcím:Alcím
  • Tartalom:Tartalom
  • Jobb fejléc:RightHeader
  • Minimális húzási régió: Ez a terület a rendszer felirat gombjai mellett van fenntartva, így a felhasználónak mindig van helye arra, hogy megragadja az ablakot a húzáshoz.
  • Rendszerfelirat gombjai: Ezek a gombok nem részei a Címsor vezérlőelemnek – az RTL- vagy LTR-beállításoktól függően egyszerűen helyet foglal el a feliratgombok megjelenési helyén. A feliratgombokat és a testreszabásokat az AppWindowTitleBar kezeli.

Az elrendezés megfordul, amikor a FlowDirection értéke RightToLeft.

Címsor létrehozása

Nyissa meg a WinUI 3 Katalógus alkalmazást, és tekintse meg a címsort működés közben

WinUI 3 Katalógus ikon A WinUI 3 Katalógus alkalmazás interaktív példákat tartalmaz a WinUI vezérlőire és funkcióira. Kérje le az alkalmazást a Microsoft Áruházból vagy keresse meg a forráskódot a GitHub webhelyen.

Ez a példa egy egyszerű címsort hoz létre, amely lecseréli a rendszer címsorát. Címe, ikonja és Mica téma szerint kialakított megjelenése van.

<Window
    ...  >
    <Window.SystemBackdrop>
        <MicaBackdrop Kind="Base"/>
    </Window.SystemBackdrop>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <TitleBar x:Name="SimpleTitleBar"
                  Title="My App">
            <TitleBar.IconSource>
                <FontIconSource Glyph="&#xF4AA;"/>
            </TitleBar.IconSource>
        </TitleBar>

        <!-- App content -->
        <Frame x:Name="RootFrame" Grid.Row="1"/>
    </Grid>
</Window>

public MainWindow()
{
    this.InitializeComponent();

    // Hides the default system title bar.
    ExtendsContentIntoTitleBar = true;
    // Replace system title bar with the WinUI TitleBar control. 
    SetTitleBar(SimpleTitleBar); 
}

Integráció a NavigationView szolgáltatással

A Navigációs nézet beépített háttérgombbal és panelváltógombbal rendelkezik. A Fluent tervezési útmutatója azt javasolja, hogy ezek a vezérlők egyéni címsor használata esetén kerüljenek a címsorba.

Ez a példa bemutatja, hogyan integrálható a Címsor vezérlőelem egy NavigationView vezérlővel a vissza gomb és az ablaktábla váltógombjának elrejtésével a navigációs nézetben, és hogyan használhatja helyette a címsor megfelelő gombjait.

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <TitleBar Title="My App"
              IsBackButtonVisible="True"
              IsBackButtonEnabled="{x:Bind RootFrame.CanGoBack, Mode=OneWay}"
              BackRequested="TitleBar_BackRequested"
              IsPaneToggleButtonVisible="True"
              PaneToggleRequested="TitleBar_PaneToggleRequested">
    </TitleBar>

    <NavigationView x:Name="RootNavigationView" Grid.Row="1"
                    IsBackButtonVisible="Collapsed"
                    IsPaneToggleButtonVisible="False">
        <Frame x:Name="RootFrame" />
    </NavigationView>
</Grid>

private void TitleBar_BackRequested(TitleBar sender, object args)
{
    if (RootFrame.CanGoBack)
    {
        RootFrame.GoBack();
    }
}

private void TitleBar_PaneToggleRequested(TitleBar sender, object args)
{
    RootNavigationView.IsPaneOpen = !RootNavigationView.IsPaneOpen;
}
  • Last updated on