如何通过代码修改WPF窗口缩放时的自适应调整列

嘿，我完全懂你现在的困扰——默认情况下如果你的Grid只有最后一列用了*（Star）宽度，那窗口宽度变化时确实只会缩放最后一列。咱们只需要调整ColumnDefinition的宽度设置，就能让任意多列实现自适应缩放啦。

先搞懂Grid列宽度的三种核心模式 #

• Auto：列宽会根据内部内容自动调整，窗口缩放时不会改变宽度
• 固定值（比如150）：列宽固定死，完全不随窗口变化
• *（Star）：按比例分配Grid的剩余空间，窗口宽度变化时会自动按比例缩放。你也可以用2*、3*这种比例值，比如2*的列宽度会是1*列的2倍

具体解决方案示例 #

1. 让所有列按比例自适应（XAML写法）

如果想让所有列都随窗口缩放，把每一列的Width都设为*或者带比例的*：

<Grid>
    <Grid.ColumnDefinitions>
        <!-- 三列按1:2:1的比例分配空间 -->
        <ColumnDefinition Width="1*"/>
        <ColumnDefinition Width="2*"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>

    <!-- 测试用的控件，方便你看效果 -->
    <TextBox Grid.Column="0" Margin="5" Text="列1（1份宽度）"/>
    <TextBox Grid.Column="1" Margin="5" Text="列2（2份宽度，是列1的2倍）"/>
    <TextBox Grid.Column="2" Margin="5" Text="列3（1份宽度）"/>
</Grid>

运行后调整窗口宽度，你会看到三列都会按比例一起缩放。

2. 混合固定列和自适应列

如果需要部分列固定宽度，部分列自适应，比如第一列固定，后两列平分剩余空间：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150"/> <!-- 固定宽度150px -->
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <TextBox Grid.Column="0" Margin="5" Text="固定宽度列"/>
    <TextBox Grid.Column="1" Margin="5" Text="自适应列1"/>
    <TextBox Grid.Column="2" Margin="5" Text="自适应列2"/>
</Grid>

这种情况下，窗口宽度变化时只有后两列会缩放，第一列保持150px宽度不变。

3. 后台代码动态设置（C#写法）

如果是通过后台代码创建Grid和列，也可以用GridLength指定Star类型：

// 创建Grid实例
var adaptiveGrid = new Grid();

// 添加三个自适应列，比例1:2:1
adaptiveGrid.ColumnDefinitions.Add(new ColumnDefinition 
{ 
    Width = new GridLength(1, GridUnitType.Star) 
});
adaptiveGrid.ColumnDefinitions.Add(new ColumnDefinition 
{ 
    Width = new GridLength(2, GridUnitType.Star) 
});
adaptiveGrid.ColumnDefinitions.Add(new ColumnDefinition 
{ 
    Width = new GridLength(1, GridUnitType.Star) 
});

// 添加测试控件
var col1TextBox = new TextBox { Text = "代码创建的列1", Margin = new Thickness(5) };
Grid.SetColumn(col1TextBox, 0);
adaptiveGrid.Children.Add(col1TextBox);

var col2TextBox = new TextBox { Text = "代码创建的列2（2倍宽度）", Margin = new Thickness(5) };
Grid.SetColumn(col2TextBox, 1);
adaptiveGrid.Children.Add(col2TextBox);

// 把Grid加到窗口中
this.Content = adaptiveGrid;

小提示 #

如果你的Grid原本是用可视化设计器拖出来的，可能默认给列设了Auto或者固定值，只要把需要自适应的列改成*类型就可以啦，非常简单。

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