[Shell] Use a TitleBar in a Shell application

[AndreasReitberger]

I want to customize the TitleBar on my Windows shell app. However, when I apply a TitleBar, the menu for the Flyout is missing in the TitleBar.

Is there an example how to do this?

I need this MenuButton in my custom title bar.

With the TitleBar set, I get this, without the menu style.

It still uses the Window theme background for this area.

Any help is appricated. Thanks!

[rokmeglic71]

I am sorry @AndreasReitberger , I do not know Windows experience. Did you try to go trough documentation and try different key/values settings?

[AndreasReitberger]

Thanks for your reply. Yes I did

<Style x:Key="Style.Core.TitleBar.Default" TargetType="TitleBar">
    <Setter Property="ForegroundColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
    <Setter Property="Background" Value="{AppThemeBinding Light={StaticResource Gray50}, Dark={StaticResource Gray800}}" />
    <Setter Property="HeightRequest" Value="48"/>
    <Setter Property="VisualStateManager.VisualStateGroups">
        <VisualStateGroupList>
            <VisualStateGroup x:Name="TitleActiveStates">
                <VisualState x:Name="TitleBarTitleActive">
                    <VisualState.Setters>
                        <Setter Property="ForegroundColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
                        <Setter Property="Background" Value="{AppThemeBinding Light={StaticResource Gray50}, Dark={StaticResource Gray800}}" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="TitleBarTitleInactive">
                    <VisualState.Setters>
                        <Setter Property="ForegroundColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray100}}" />
                        <Setter Property="Background" Value="{AppThemeBinding Light={StaticResource Gray100}, Dark={StaticResource Gray900}}" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </Setter>
</Style>

It's working fine for the elements within the TitleBar, but not for the buttons minimize, maximize and close. Also the shell hamburger menu background is not affected by this.