WPF运行时窗口尺寸变小，需实现网格列显隐且窗口适配

问题根源分析 #

1. 初始窗口尺寸偏小：WPF的Window.Width/Height包含窗口边框（标题栏、侧边边框），你设置的910是内部Grid的总宽度（30+850+30），但实际客户区宽度会被边框占用一部分，导致Grid列被压缩，视觉上窗口偏小。
2. SizeToContent冲突：设置SizeToContent会让窗口自动适配内部内容，但隐藏列时，若列内控件仍保留布局空间（比如未设置Visibility=Collapsed），窗口会自动撑开列，导致隐藏失效；同时该属性会让窗口尺寸随内容动态变化，不符合固定尺寸需求。

可行解决方案 #

方案1：动态切换SizeToContent属性 #

兼顾初始尺寸适配和列显示/隐藏的灵活性：

• 初始用SizeToContent让窗口自动适配Grid内容，解决尺寸偏差。
• 操作列时切换为Manual锁定窗口，调整完成后按需恢复适配。

XAML修改

<Window x:Class="TestGUIGroesse.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="Training"
        SizeToContent="WidthAndHeight">
    <Grid x:Name="MainGrid">
        <Grid.RowDefinitions>
            <RowDefinition Height="35"/>
            <RowDefinition Height="30"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="30"/>
            <ColumnDefinition Width="850" x:Name="TargetColumn"/>
            <ColumnDefinition Width="30"/>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="1" Grid.Row="1" Content="切换列显示" Click="ToggleColumn_Click"/>
        <DockPanel Grid.Column="1" Grid.Row="0" x:Name="ContentPanel">
            <!-- 此处放置DockPanel内容 -->
        </DockPanel>
    </Grid>
</Window>

后台C#代码

private bool _isColumnVisible = true;
private readonly double _originalColumnWidth = 850;

private void ToggleColumn_Click(object sender, RoutedEventArgs e)
{
    // 锁定窗口尺寸
    SizeToContent = SizeToContent.Manual;

    if (_isColumnVisible)
    {
        // 隐藏列：设宽度为0并折叠内部控件
        TargetColumn.Width = new GridLength(0);
        ContentPanel.Visibility = Visibility.Collapsed;
    }
    else
    {
        // 显示列：恢复宽度和控件可见性
        TargetColumn.Width = new GridLength(_originalColumnWidth);
        ContentPanel.Visibility = Visibility.Visible;
        // 若需窗口适配新内容，可恢复SizeToContent
        SizeToContent = SizeToContent.WidthAndHeight;
    }

    _isColumnVisible = !_isColumnVisible;
}

方案2：手动计算窗口精确尺寸 #

不依赖SizeToContent，通过系统参数计算窗口总宽度，确保客户区容纳Grid：

• 利用SystemParameters获取边框、标题栏尺寸，反向推导窗口所需Width/Height。

后台加载代码

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    // 客户区所需宽度（Grid总宽度）
    double clientWidth = 30 + 850 + 30;
    // 计算窗口边框+标题栏的总宽度
    double windowChromeWidth = SystemParameters.WindowResizeBorderWidth * 2 + SystemParameters.WindowCaptionWidth;
    // 设置窗口总宽度
    Width = clientWidth + windowChromeWidth;

    // 高度同理计算
    double clientHeight = 35 + 30;
    double windowChromeHeight = SystemParameters.WindowResizeBorderHeight * 2 + SystemParameters.WindowCaptionHeight;
    Height = clientHeight + windowChromeHeight;
}

后续调整列时，直接修改TargetColumn.Width和ContentPanel.Visibility即可，窗口尺寸保持固定。

方案3：用WindowChrome自定义窗口 #

彻底消除系统边框的影响，让Window.Width/Height直接对应客户区尺寸：

• 移除默认窗口边框，自定义标题栏，实现尺寸完全可控。

XAML代码

<Window x:Class="TestGUIGroesse.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="Training"
        Width="910" 
        Height="720">
    <!-- 自定义窗口边框，消除系统边框影响 -->
    <WindowChrome.WindowChrome>
        <WindowChrome CaptionHeight="35" CornerRadius="0" GlassFrameThickness="0"/>
    </WindowChrome.WindowChrome>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="35"/> <!-- 自定义标题栏高度 -->
            <RowDefinition Height="30"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="30"/>
            <ColumnDefinition Width="850" x:Name="TargetColumn"/>
            <ColumnDefinition Width="30"/>
        </Grid.ColumnDefinitions>
        <!-- 自定义标题栏 -->
        <Border Grid.ColumnSpan="3" Background="#FF2D2D30">
            <TextBlock Text="Training" Foreground="White" VerticalAlignment="Center" Margin="10,0"/>
        </Border>
        <Button Grid.Column="1" Grid.Row="1" Content="切换列显示" Click="ToggleColumn_Click"/>
        <DockPanel Grid.Column="1" Grid.Row="1" x:Name="ContentPanel">
            <!-- 此处放置DockPanel内容 -->
        </DockPanel>
    </Grid>
</Window>

这种方式下，窗口设置的910x720就是客户区的精确尺寸，列显示/隐藏操作只需调整列宽和控件可见性，无任何尺寸冲突。

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