如何根据子控件TextBlock的文本状态调整Grid的宽度

我之前也碰到过类似的需求，要让Grid能根据内部TextBlock的文本显示情况自动调整宽度——当文本被截断或者实际宽度超过Grid当前宽度时，自动加宽Grid来容纳完整文本。下面分两种情况给你解决方案：

方案一：.NET 4.7及以上版本（直接用内置属性） #

从.NET 4.7开始，TextBlock新增了IsTextTrimmed依赖属性，能直接检测文本是否被截断。我们可以利用这个属性结合触发器来动态调整Grid的宽度：

<DataTemplate>
    <!-- 把固定Width改成MinWidth，默认保持300，需要时自动扩展 -->
    <Grid x:Name="ProgressGrid" MinWidth="300">
        <!-- ProgressBar绑定Grid的ActualWidth，保证和Grid同宽 -->
        <ProgressBar Maximum="1.0" Minimum="0.0" 
                     Width="{Binding ActualWidth, ElementName=ProgressGrid}"
                     Value="{Binding Path=Value, Mode=OneWay}" />
        <TextBlock x:Name="ProgressText" 
                   TextTrimming="CharacterEllipsis" 
                   VerticalAlignment="Center" 
                   Padding="5,0" 
                   Text="{Binding Text}"/>
    </Grid>
    <DataTemplate.Triggers>
        <!-- 当TextBlock文本被截断时，把Grid宽度设为TextBlock的实际宽度 -->
        <DataTrigger Binding="{Binding IsTextTrimmed, ElementName=ProgressText}" Value="True">
            <Setter TargetName="ProgressGrid" Property="Width" 
                    Value="{Binding ActualWidth, ElementName=ProgressText}" />
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

逻辑说明： #

1. Grid默认设置MinWidth="300"，保证文本较短时保持你想要的初始宽度；
2. ProgressBar绑定Grid的ActualWidth，这样进度条会跟着Grid一起变宽；
3. 当TextBlock的文本被截断（IsTextTrimmed为True），触发器会把Grid的宽度调整为TextBlock的实际宽度，让Grid刚好能容纳完整文本。

方案二：.NET 4.7以下版本（自定义附加属性） #

如果你的项目用的是更早的.NET版本，需要自己实现一个附加属性来检测TextBlock是否截断文本：

首先创建一个辅助类：

public static class TextBlockHelper
{
    // 标记文本是否被截断的附加属性
    public static readonly DependencyProperty IsTextTrimmedProperty =
        DependencyProperty.RegisterAttached("IsTextTrimmed", typeof(bool), typeof(TextBlockHelper), new PropertyMetadata(false));

    public static bool GetIsTextTrimmed(DependencyObject obj)
    {
        return (bool)obj.GetValue(IsTextTrimmedProperty);
    }

    public static void SetIsTextTrimmed(DependencyObject obj, bool value)
    {
        obj.SetValue(IsTextTrimmedProperty, value);
    }

    // 控制是否开启截断监测的附加属性
    public static readonly DependencyProperty MonitorTextTrimmingProperty =
        DependencyProperty.RegisterAttached("MonitorTextTrimming", typeof(bool), typeof(TextBlockHelper), new PropertyMetadata(false, OnMonitorTextTrimmingChanged));

    public static bool GetMonitorTextTrimming(DependencyObject obj)
    {
        return (bool)obj.GetValue(MonitorTextTrimmingProperty);
    }

    public static void SetMonitorTextTrimming(DependencyObject obj, bool value)
    {
        obj.SetValue(MonitorTextTrimmingProperty, value);
    }

    private static void OnMonitorTextTrimmingChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is TextBlock textBlock)
        {
            if ((bool)e.NewValue)
            {
                textBlock.SizeChanged += OnTextBlockSizeChanged;
                CheckTextTrimming(textBlock);
            }
            else
            {
                textBlock.SizeChanged -= OnTextBlockSizeChanged;
            }
        }
    }

    private static void OnTextBlockSizeChanged(object sender, SizeChangedEventArgs e)
    {
        if (sender is TextBlock textBlock)
        {
            CheckTextTrimming(textBlock);
        }
    }

    // 核心逻辑：对比TextBlock的期望宽度和实际宽度，判断是否截断
    private static void CheckTextTrimming(TextBlock textBlock)
    {
        if (textBlock.TextTrimming == TextTrimming.None)
        {
            SetIsTextTrimmed(textBlock, false);
            return;
        }

        textBlock.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
        bool isTrimmed = textBlock.DesiredSize.Width > textBlock.ActualWidth;
        SetIsTextTrimmed(textBlock, isTrimmed);
    }
}

然后在XAML中引用这个辅助类（注意替换YourNamespace为你的类所在的命名空间）：

<DataTemplate xmlns:local="clr-namespace:YourNamespace">
    <Grid x:Name="ProgressGrid" MinWidth="300">
        <ProgressBar Maximum="1.0" Minimum="0.0" 
                     Width="{Binding ActualWidth, ElementName=ProgressGrid}"
                     Value="{Binding Path=Value, Mode=OneWay}" />
        <TextBlock x:Name="ProgressText" 
                   TextTrimming="CharacterEllipsis" 
                   VerticalAlignment="Center" 
                   Padding="5,0" 
                   Text="{Binding Text}"
                   local:TextBlockHelper.MonitorTextTrimming="True"/>
    </Grid>
    <DataTemplate.Triggers>
        <DataTrigger Binding="{Binding local:TextBlockHelper.IsTextTrimmed, ElementName=ProgressText}" Value="True">
            <Setter TargetName="ProgressGrid" Property="Width" 
                    Value="{Binding DesiredSize.Width, ElementName=ProgressText}" />
        </DataTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

逻辑说明： #

1. 自定义的MonitorTextTrimming附加属性会监听TextBlock的大小变化；
2. 通过CheckTextTrimming方法对比TextBlock的期望宽度（能容纳完整文本的宽度）和实际宽度，判断是否截断；
3. 后续逻辑和方案一一致，通过触发器调整Grid宽度。

这样不管文本长短，Grid都能智能调整：短文本时保持300宽度，长文本时自动扩展到能显示完整内容的宽度，同时进度条也会同步变宽~

备注：内容来源于stack exchange，提问作者Atul Dislay