WPF窗口最大化时部分控件无法自适应缩放的问题咨询

我帮你排查了代码里的几个关键问题，这就是导致顶部操作栏无法跟随窗口缩放的核心原因：

问题成因 #

• 硬编码固定宽度：顶部操作栏的<Border>元素设置了Width="1009"，这个固定值会强制它保持固定宽度，完全忽略窗口大小变化，自然无法自适应。
• Style引用拼写错误：你定义的Style键是ButtonTemplate，但按钮里写成了ButtonTempplate（多了一个p），这会导致按钮样式不生效，虽然不影响自适应，但也是需要修正的问题。
• 冗余布局属性：你给DockPanel设置了HorizontalAlignment="Stretch"和VerticalAlignment="Stretch"，其实DockPanel默认就会填充父容器，这些属性是多余的，不影响功能但可以简化代码。

解决方案 #

针对这些问题，只需要做以下几个修改就能解决自适应问题：

1. 移除顶部Border的固定Width：删掉<Border>的Width="1009"属性，让它继承DockPanel的宽度，随窗口拉伸。
2. 修正Style引用的拼写错误：把所有按钮的Style="{StaticResource ButtonTempplate}"改成Style="{StaticResource ButtonTemplate}"。
3. 简化布局属性：移除DockPanel上多余的HorizontalAlignment和VerticalAlignment属性，让布局逻辑更清晰。

下面是修正后的完整XAML代码：

<Window.Resources>
    <Style x:Key="ButtonTemplate" TargetType="Button">
        <Setter Property="Background" Value="{x:Null}"/>
        <Setter Property="BorderBrush" Value="{x:Null}"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border Background="{TemplateBinding Background}" BorderBrush="Black" BorderThickness="0">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="Red"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <DockPanel>
        <Border Background="#FFFFFF" BorderThickness="0 0 0 1" BorderBrush="Black" VerticalAlignment="Top" DockPanel.Dock="Top" Height="30">
            <Grid HorizontalAlignment="Right">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Button Grid.Column="0" x:Name="btnToolbarMin" Content="─" Height="30" Width="44" Style="{StaticResource ButtonTemplate}" Click="btnToolbarMin_Click"/>
                <Button Grid.Column="1" x:Name="btnToolbarMax" Content="£" FontFamily="Wingdings 2" Height="30" Width="44" Style="{StaticResource ButtonTemplate}" Click="btnToolbarMax_Click" />
                <Button Grid.Column="2" x:Name="btnToolbarClose" Content="Ñ" FontFamily="Wingdings 2" Height="30" Width="44" Style="{StaticResource ButtonTemplate}" Click="btnToolbarClose_Click" />
            </Grid>
        </Border>
        <StackPanel Background="#F5F5F5" Height="70" DockPanel.Dock="Top" VerticalAlignment="Top">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="336*"/>
                    <ColumnDefinition Width="627*"/>
                    <ColumnDefinition Width="46*"/>
                </Grid.ColumnDefinitions>
                <Label Margin="13 10 0 0" FontWeight="Bold" Content="Artikel" FontFamily="Arial" FontSize="15" Foreground="#38C72E" Grid.Row="0" HorizontalAlignment="Left" Width="58"/>
                <Menu Grid.Row="1" Background="#F5F5F5" Margin="13,0,282,11" >
                    <MenuItem Header="≡" FontWeight="Bold" FontSize="15">
                        <MenuItem Header="WW" FontSize="10"/>
                    </MenuItem>
                </Menu>
                <Button Content="↻" FontSize="15" FontFamily="Lucida Sans Unicode" Background="{x:Null}" BorderThickness="0" Grid.Column="1" HorizontalAlignment="Right" Width="42"/>
                <Button Content="­☼" FontSize="15" Background="{x:Null}" BorderThickness="0" Grid.Column="2" HorizontalAlignment="Right" Width="43"/>
            </Grid>
        </StackPanel>
        <StackPanel Background="#F5F5F5" VerticalAlignment="Bottom" Height="40">
            <Grid HorizontalAlignment="Right">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Button Content="Dummy1" Grid.Column="1" Height="25" Width="115" HorizontalAlignment="Right" Margin="5 10 13 0"/>
                <Button Content="Dummy2" Grid.Column="0" Height="25" Width="115" HorizontalAlignment="Right" Margin="0 10 0 0"/>
            </Grid>
        </StackPanel>
    </DockPanel>
</Grid>

现在你再测试点击最大化按钮，顶部的操作栏会自动跟随窗口宽度拉伸，按钮也能正常显示鼠标悬停的红色背景效果了。

内容的提问来源于stack exchange，提问作者user15138473