Which source codes are used to customize titlebar?

[AkiraVoid]

I noticed that Gallery's titlebar is fully customized and looks awesome, I want to achieve similar effects in my own apps. I didn't find the source codes which is used to customize titlebar in this repo, can you please give me a link or something?

[marcelwgn]

The custom TitleBar is mainly done by extending the content into the TitleBar:

WinUI-Gallery/WinUIGallery/Helper/NavigationOrientationHelper.cs

Lines 59 to 60 in 4d3d763

	var window = WindowHelper.GetWindowForElement(element);
	window.ExtendsContentIntoTitleBar = isLeftMode;

The displayed Titlebar is created here:

WinUI-Gallery/WinUIGallery/Navigation/NavigationRootPage.xaml

Lines 55 to 66 in 4d3d763

	<Border x:Name="AppTitleBar"
	Grid.Column="1"
	IsHitTestVisible="True"
	VerticalAlignment="Top"
	Height="{Binding ElementName=NavigationViewControl, Path=CompactPaneLength}"
	Canvas.ZIndex="1">
	<TextBlock x:Name="AppTitle"
	Text="{x:Bind AppTitleText}"
	VerticalAlignment="Top"
	Margin="0,15,0,0"
	Style="{StaticResource CaptionTextBlockStyle}" />
	</Border>

[AkiraVoid]

Excuse me, how you made the back button of NavigationView appears in the title bar?

[AkiraVoid]

Oh I found out, it's a little bit like absolute position in CSS, I didn't know that 2 elements in same grid column will be placed together, not like StackPanel does.

[marcelwgn]

Sorry for the late reply. Yes Grid places items on top of each other if they are in the same grid column and row, this is why we are able to show the Navigation back button and the title of the app next to each other. Is there anything else I can help with or would you mind marking this question as answered for other users?

[AkiraVoid]

That's all, thanks for your help.