自定义标题栏在Winui 3中显示白色3

Question

我正在浏览浏览器中的另一个问题。我做了一个自定义标题栏，标签进入标题栏，以创造更身临其境的体验。但是，所有这些看似不可修复的虫子破坏了所有这些“沉浸式体验”。我试图做的是更改CustomDragregion元素的背景。

看标题栏。那真令人恶心。有人帮我。请

注意代码：

<Window
x:Class="Microsoft_Edge_WebView2_Runtime_Application.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Microsoft_Edge_WebView2_Runtime_Application"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
mc:Ignorable="d">
<Grid BorderBrush="Transparent" x:Name="Browser" Margin="0,0,0,0" Background="{ThemeResource SystemControlBackgroundAccentRevealBorderBrush}">
    <TabView Margin="0, 0, 0, 0" x:Name="Tabv" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" AddTabButtonClick="TabView_AddTabButtonClick" TabCloseRequested="TabView_TabCloseRequested">
        <TabViewItem FontFamily="Gellix" x:Name="HomeTab" Header="Home" IsClosable="False">
            <TabViewItem.IconSource>
                <SymbolIconSource Symbol="Document" />
            </TabViewItem.IconSource>

            <Grid x:Name="TabContent" Margin="0,0,0,0" Background="#282828">
                <WebView2 x:Name="WebView" Source="https://google.com" Margin="0,52,0,0"/>
                <Grid Margin="0,10,0,0" HorizontalAlignment="Center" VerticalAlignment="Top" Width="666">
                    <TextBox KeyDown="AddressBar_KeyDown" FontFamily="Gellix" x:Name="AddressBar" HorizontalAlignment="Center" TextWrapping="NoWrap" Text="" VerticalAlignment="Center" Width="576" PlaceholderText="Search or type a URL here..." TextAlignment="Center" />
                    <Button Height="32" Width="40" x:Name="Home" Click="Button_Click_1">
                        <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE80F;" Margin="-2,-1,-2,-1"/>
                    </Button>
                    <Button Height="32" Width="40" x:Name="Go" Margin="626,0,0,0" Click="Button_Click">
                        <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE751;" Margin="-2,-1,-2,-1"/>
                    </Button>
                </Grid>
                <Button x:Name="Refresh" Margin="0,10,10,0" VerticalAlignment="Top" Height="32" Width="40" FontFamily="Segoe UI Symbol" Click="Button_Click" HorizontalAlignment="Right">
                    <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xe72c;" Margin="-2,-1,-2,-1"/>
                </Button>
                <Button x:Name="Backward" Margin="10,10,0,0" VerticalAlignment="Top" Height="32" Width="40" FontFamily="Segoe UI Symbol" Click="Backward_Click">
                    <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xf0d3;" Margin="-2,-1,-2,-1"/>
                </Button>
                <Button x:Name="Forward" Margin="53,10,0,0" VerticalAlignment="Top" Height="32" Width="40" FontFamily="Segoe UI Symbol" Click="Forward_Click">
                    <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xF0D2;" Margin="-2,-1,-2,-1"/>
                </Button>
            </Grid>
        </TabViewItem>
        <TabView.TabStripFooter>
            <Grid Margin="0,0,0,0"  x:Name="CustomDragRegion" Background="Transparent"/>
        </TabView.TabStripFooter>
    </TabView>


</Grid>

如果您真的需要C＃代码，请注释。因为我只有两行C＃与标题栏有关。

Answer 1

就我而言，我能够通过设置windercaptionsbackground和WindowsCaptionsBackgroundDisabled属性属性透明作为透明，将其设置为XAML定义的颜色的titter bar，为这样的：

app.xaml

<Application
    ...
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
                <!-- Other merged dictionaries here -->
            </ResourceDictionary.MergedDictionaries>
            <!-- Other app resources here -->
            <SolidColorBrush x:Key="WindowCaptionBackground">Transparent</SolidColorBrush>
            <SolidColorBrush x:Key="WindowCaptionBackgroundDisabled">Transparent</SolidColorBrush>
        </ResourceDictionary>
    </Application.Resources>
    
</Application>

有关自定义tittle bar的更多信息： https://learn.microsoft.com/en-us/windows/papps/develop/title-bar?tabs=winui3