如何在XAML的StackPanel中让7个TextBox水平均匀分布？

嘿，这个问题我刚好处理过！StackPanel本身其实没有内置的“均分子控件宽度”特性（这是Grid或者UniformGrid的强项），但既然你明确要求用StackPanel，我们可以通过两种靠谱的方式实现需求：

方法1：绑定+值转换器（纯StackPanel方案） #

我们可以让每个TextBox的宽度绑定到StackPanel的实际宽度，再通过一个转换器把宽度除以7（因为正好7个控件）。步骤如下：

1. 实现值转换器 #

先在你的项目里添加一个简单的转换器类，用来把StackPanel的宽度除以7：

public class DivideBySevenConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double width)
        {
            // 减去少量边距避免溢出，可根据你的布局需求调整数值
            return (width - 10) / 7;
        }
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中引用转换器并绑定 #

把转换器声明为资源，然后给每个TextBox绑定Width属性：

<StackPanel x:Name="WeekStackPanel" Orientation="Horizontal" Margin="5">
    <StackPanel.Resources>
        <local:DivideBySevenConverter x:Key="DivideBySevenConverter"/>
    </StackPanel.Resources>

    <TextBox Text="周一" 
             HorizontalAlignment="Stretch"
             Width="{Binding ElementName=WeekStackPanel, Path=ActualWidth, Converter={StaticResource DivideBySevenConverter}}"
             Margin="1"/>
    <TextBox Text="周二" 
             HorizontalAlignment="Stretch"
             Width="{Binding ElementName=WeekStackPanel, Path=ActualWidth, Converter={StaticResource DivideBySevenConverter}}"
             Margin="1"/>
    <!-- 剩下的周三到周日TextBox重复上述绑定逻辑即可 -->
</StackPanel>

这样每次StackPanel宽度变化时，每个TextBox都会自动调整为1/7的宽度，完美填满容器。

方法2：StackPanel嵌套Grid（更简洁的无代码方案） #

如果你不想写转换器，其实可以在StackPanel里面放一个Grid，让Grid填满StackPanel，然后给Grid设置7个等宽的列，每个TextBox放在对应列里。这种方式更直观，也不需要额外代码：

<StackPanel Orientation="Horizontal" Margin="5">
    <Grid Width="{Binding RelativeSource={RelativeSource AncestorType=StackPanel}, Path=ActualWidth}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <TextBox Grid.Column="0" Text="周一" Margin="1"/>
        <TextBox Grid.Column="1" Text="周二" Margin="1"/>
        <TextBox Grid.Column="2" Text="周三" Margin="1"/>
        <TextBox Grid.Column="3" Text="周四" Margin="1"/>
        <TextBox Grid.Column="4" Text="周五" Margin="1"/>
        <TextBox Grid.Column="5" Text="周六" Margin="1"/>
        <TextBox Grid.Column="6" Text="周日" Margin="1"/>
    </Grid>
</StackPanel>

Grid的7个*列会自动均分可用宽度，TextBox默认会填满所在列的宽度，这样就间接实现了在StackPanel内让7个TextBox均分宽度的效果。

两种方法都能满足你的需求，看你更喜欢哪种风格啦！

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