Skip to content

Instantly share code, notes, and snippets.

@ghost1372
Created April 20, 2023 12:00
Show Gist options
  • Save ghost1372/e7ac3b472aae011395c8ec81fcd754d0 to your computer and use it in GitHub Desktop.
Save ghost1372/e7ac3b472aae011395c8ec81fcd754d0 to your computer and use it in GitHub Desktop.
WinUIGallery-TitleBar
<ResourceDictionary.ThemeDictionaries>
<ResourceDictionary x:Key="Light">
<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="Transparent" />
</ResourceDictionary>
<ResourceDictionary x:Key="Dark">
<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="Transparent" />
</ResourceDictionary>
<ResourceDictionary x:Key="HighContrast">
<SolidColorBrush x:Key="NavigationViewExpandedPaneBackground" Color="Transparent" />
</ResourceDictionary>
</ResourceDictionary.ThemeDictionaries>
<Thickness x:Key="NavigationViewContentMargin">0,48,0,0</Thickness>
new ThemeManager(m_window, new ThemeOptions
{
TitleBarCustomization = new TitleBarCustomization
{
TitleBarType = TitleBarType.Window
}
});
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Border
x:Name="AppTitleBar"
Grid.Column="1"
Height="{Binding ElementName=NavigationViewControl, Path=CompactPaneLength}"
Margin="48,0,0,0"
VerticalAlignment="Top"
Canvas.ZIndex="1"
IsHitTestVisible="True">
<StackPanel Orientation="Horizontal">
<Image Width="18" Source="ms-appx:///Assets/Tiles/TitlebarLogo.png" />
<TextBlock
x:Name="AppTitle"
Margin="16,0,0,0"
VerticalAlignment="Center"
Style="{StaticResource CaptionTextBlockStyle}"
Text="App" />
</StackPanel>
</Border>
<NavigationView Name="NavigationViewControl"
Grid.Column="1"
Canvas.ZIndex="0"
IsTitleBarAutoPaddingEnabled="True">
<NavigationView.MenuItems>
<NavigationViewItem Content="asd"/>
<NavigationViewItem Content="asd"/>
<NavigationViewItem Content="asd"/>
<NavigationViewItem Content="asd"/>
<NavigationViewItem Content="asd"/>
</NavigationView.MenuItems>
</NavigationView>
</Grid>
public MainWindow()
{
this.InitializeComponent();
ExtendsContentIntoTitleBar = true;
SetTitleBar(AppTitleBar);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment