WPF如何创建不受子元素影响的三等分固定比例Grid

ListBox内部默认包含ScrollViewer，你设置的ScrollViewer.HorizontalScrollBarVisibility="Hidden"仅隐藏了滚动条，并未禁止内容横向扩展——ScrollViewer仍会允许子元素（ListBoxItem、Grid、TextBox）请求超出容器宽度的空间。

Grid的*列宽逻辑是：在可用空间固定时按比例分配宽度，但如果可用空间因ScrollViewer允许横向滚动而无限扩展，Grid会优先满足TextBox的内容宽度需求，导致列宽被撑开。而单独使用Grid时，父容器宽度固定，Grid的可用空间被限制，*列就能严格按比例分配。

方案1：禁止ListBox水平滚动（推荐） #

将ListBox的ScrollViewer.HorizontalScrollBarVisibility从Hidden改为Disabled，强制内容适应ListBox宽度，不允许横向扩展：

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
         x:Name="VariablesTable"  
         SelectionMode="Extended" 
         Grid.Row="1" 
         ItemsSource="{x:Static vm:VariablesViewModel.Variables}" 
         HorizontalContentAlignment="Stretch">
    <!-- 其余代码保持不变 -->
</ListBox>

同时给TextBox添加TextWrapping="Wrap"，避免内容溢出后被截断：

<TextBox Grid.Column="0" TextWrapping="Wrap"></TextBox>
<TextBox Grid.Column="1" TextWrapping="Wrap"></TextBox>
<TextBox Grid.Column="2" TextWrapping="Wrap"></TextBox>

方案2：强制Grid继承父容器宽度 #

若需保留ListBox的横向滚动能力，可给Grid绑定父容器（Border）的ActualWidth，严格限制Grid宽度：

<Border Background="#FF4A4A5E" BorderThickness="1" CornerRadius="8" Padding="10 5 10 5" Margin="0">
    <Grid Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Border}}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <TextBox Grid.Column="0"></TextBox>
        <TextBox Grid.Column="1"></TextBox>
        <TextBox Grid.Column="2"></TextBox>
    </Grid>
</Border>

此方式下Grid宽度与Border一致，*列会在固定宽度内三等分，TextBox超出部分可通过设置ScrollViewer.HorizontalScrollBarVisibility="Auto"添加横向滚动条。

关键说明 #

• Hidden与Disabled的区别：前者隐藏滚动条但允许内容横向滚动；后者完全禁止横向滚动，强制内容适配容器。
• 你已设置ListBoxItem的HorizontalContentAlignment="Stretch"，这是Grid能获取足够可用空间的前提，无需修改。

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