WPF中如何在不指定Border宽度的前提下实现文本自动换行？

嘿，这个问题我太熟了！你遇到的核心问题是StackPanel的布局特性——它会无限扩展宽度来容纳子元素，所以你的TextBlock根本没机会换行。不用指定Border宽度的话，有个更优雅的解决办法，就是换个布局容器来约束右边内容的宽度：

推荐方案：用Grid替代外层Horizontal StackPanel #

Grid是WPF里最灵活的布局容器之一，能轻松让右边内容占据剩余空间，自然触发TextBlock的自动换行：

<ControlTemplate>
    <!-- 用Grid替换原Horizontal StackPanel，实现自适应布局 -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/> <!-- 左侧图标列，自适应宽度 -->
            <ColumnDefinition Width="*"/> <!-- 右侧内容列，占满剩余空间 -->
        </Grid.ColumnDefinitions>

        <!-- Icon -->
        <Ellipse Grid.Column="0" Width="30" Height="30" Margin="10,0,0,-5">
            <Ellipse.Fill>
                <ImageBrush ImageSource="{Binding ImageSource}" RenderOptions.BitmapScalingMode="Fant"/>
            </Ellipse.Fill>
        </Ellipse>

        <!-- Surround Info -->
        <StackPanel Grid.Column="1">
            <StackPanel Orientation="Horizontal">
                <Label Content="{Binding Name}" Foreground="{Binding UserNameColor}" FontWeight="SemiBold" VerticalAlignment="Center" Margin="0,0,-5,0"/>
                <Label Content="{Binding Date}" Foreground="White" FontWeight="SemiBold" FontSize="8" VerticalAlignment="Center" Margin="0,0,-5,0"/>
            </StackPanel>

            <!-- Message -->
            <Border VerticalAlignment="Center" CornerRadius="10 15 15 0" Margin="2 2 88 3" Background="LightSlateGray">
                <!-- 现在TextBlock会被Grid列限制宽度，自动换行 -->
                <TextBlock Foreground="White" Margin="7" TextWrapping="Wrap" FontWeight="SemiBold" Text="{Binding Content}"/>
            </Border>
        </StackPanel>
    </Grid>
</ControlTemplate>

为什么这个方案有效？ #

Grid的第二列设置为*，意味着它会占据父容器的所有剩余宽度。这样右边的垂直StackPanel就有了明确的宽度约束，里面的Border和TextBlock不会再无限扩展——当文本长度超过列宽时，TextBlock会自动触发换行。

备选方案：给右侧StackPanel绑定MaxWidth（需值转换器） #

如果你不想替换外层StackPanel，也可以通过绑定MaxWidth来约束右侧内容的宽度，但需要写一个简单的值转换器：

1. 先定义值转换器 #

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

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

2. 修改XAML代码 #

<!-- 先在资源里声明转换器 -->
<Window.Resources>
    <local:SubtractValueConverter x:Key="SubtractValueConverter"/>
</Window.Resources>

<ControlTemplate>
    <StackPanel Orientation="Horizontal">
        <!-- Icon -->
        <Ellipse x:Name="IconEllipse" Width="30" Height="30" Margin="10,0,0,-5">
            <Ellipse.Fill>
                <ImageBrush ImageSource="{Binding ImageSource}" RenderOptions.BitmapScalingMode="Fant"/>
            </Ellipse.Fill>
        </Ellipse>

        <!-- Surround Info -->
        <!-- 绑定MaxWidth到父容器宽度，减去左侧元素的总宽度（30+10+10=50，可按需调整） -->
        <StackPanel MaxWidth="{Binding ElementName=IconEllipse, Path=Parent.ActualWidth, Converter={StaticResource SubtractValueConverter}, ConverterParameter=50}">
            <StackPanel Orientation="Horizontal">
                <Label Content="{Binding Name}" Foreground="{Binding UserNameColor}" FontWeight="SemiBold" VerticalAlignment="Center" Margin="0,0,-5,0"/>
                <Label Content="{Binding Date}" Foreground="White" FontWeight="SemiBold" FontSize="8" VerticalAlignment="Center" Margin="0,0,-5,0"/>
            </StackPanel>

            <!-- Message -->
            <Border VerticalAlignment="Center" CornerRadius="10 15 15 0" Margin="2 2 88 3" Background="LightSlateGray">
                <TextBlock Foreground="White" Margin="7" TextWrapping="Wrap" FontWeight="SemiBold" Text="{Binding Content}"/>
            </Border>
        </StackPanel>
    </StackPanel>
</ControlTemplate>

这个方案的逻辑 #

通过值转换器计算出右侧StackPanel的最大宽度（父容器宽度减去左侧图标的宽度和边距），这样TextBlock就有了宽度限制，从而自动换行。不过这个方案需要额外编写转换器，不如Grid方案简洁。

总结 #

最推荐用Grid的方案，它不仅解决了换行问题，还让整个布局的扩展性更好——不管父容器怎么调整大小，右侧内容都会自动适应剩余空间，完全不需要硬编码任何宽度值。

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