WPF Grid实现Border动态填充剩余空间并保留最小宽度

你的核心问题是列定义的宽度逻辑设置不合理，导致右侧Border无法同时满足动态填充和最小宽度要求。以下是调整后的代码及关键说明：

修改后的完整代码 #

<Grid Grid.Row="0" Grid.Column="3">
    <Grid.ColumnDefinitions>
        <!-- 左侧Border固定宽度，列自动适配元素 -->
        <ColumnDefinition Width="Auto"/>
        <!-- TextBlock列自动适配内容，由TextTrimming处理过长文本 -->
        <ColumnDefinition Width="Auto"/>
        <!-- 右侧Border列：*填充剩余空间，MinWidth确保至少20px宽度 -->
        <ColumnDefinition Width="*" MinWidth="20"/>
    </Grid.ColumnDefinitions>

    <Border
        Grid.Column="0"
        Width="200"
        Height="2"
        Margin="8,16,8,0"
        VerticalAlignment="Top"
        Background="Red"/>

    <TextBlock
        Grid.Column="1"
        Margin="0,16,0,0"
        VerticalAlignment="Top"
        Background="Red"
        Text="动态变化的文本内容"
        TextTrimming="CharacterEllipsis"/>

    <Border
        Grid.Column="2"
        Height="2"
        Margin="8,16,8,0"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Top"
        Background="Red"/>
</Grid>

关键调整点 #

• 列定义重构：将右侧Border所在列设为*并添加MinWidth="20"，这会让该列优先填充Grid的剩余空间，且无论Grid宽度如何缩小，都会保留至少20px的宽度，不会消失。
• TextBlock列优化：将TextBlock所在列设为Auto，让它根据内容自动调整宽度，同时保留TextTrimming="CharacterEllipsis"，确保文本过长时自动截断，避免挤占右侧Border的空间。
• 移除冗余属性：左侧Border已经固定Width="200"，无需重复设置MinWidth和MaxWidth；移除了不必要的HorizontalAlignment设置，保持默认逻辑即可。

如果需要让TextBlock在Grid宽度充足时显示全部内容，宽度不足时优先压缩TextBlock而非直接截断，可以给第二列添加MaxWidth绑定（需配合值转换器），示例如下：

带值转换器的进阶方案 #

1. 先定义值转换器：

public class SubtractConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double actualWidth && double.TryParse(parameter.ToString(), out double subtractValue))
        {
            return Math.Max(0, actualWidth - subtractValue);
        }
        return 0;
    }

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

2. 在XAML中引用并使用：

<Window.Resources>
    <local:SubtractConverter x:Key="SubtractConverter"/>
</Window.Resources>

<Grid x:Name="ParentGrid" Grid.Row="0" Grid.Column="3">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <!-- 限制TextBlock最大宽度为Grid总宽度减去左侧Border和右侧Border的最小宽度（200+20+左右边距） -->
        <ColumnDefinition Width="Auto" MaxWidth="{Binding ElementName=ParentGrid, Path=ActualWidth, Converter={StaticResource SubtractConverter}, ConverterParameter=240}"/>
        <ColumnDefinition Width="*" MinWidth="20"/>
    </Grid.ColumnDefinitions>

    <!-- 元素定义同之前的代码 -->
</Grid>

这个方案会让TextBlock在Grid宽度足够时显示全部内容，当宽度不足时，先压缩TextBlock的宽度，直到右侧Border达到最小20px后，再截断TextBlock文本。

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