Wpf中如何让TextBlock文本字号自动适配容器？

针对固定容器下多语言标题长度差异导致的UI问题，以下是几种实用的自动适配字号方案：

方法1：使用Viewbox（最简单实现） #

Viewbox会自动缩放内部元素以适配容器尺寸，无需额外代码，适合快速解决问题。

修改XAML代码，将TextBlock包裹在Viewbox中，同时控制缩放方向和模式：

<Border Grid.Row="0" Grid.ColumnSpan="2" BorderThickness="1" BorderBrush="{DynamicResource OCR.OCRWindow.TitleBorder}">
    <Grid Name="OCRTitleBar" Background="{DynamicResource OCR.OCRWindow.TitleBar}">
        <Viewbox StretchDirection="DownOnly" Stretch="Uniform" Margin="24,0,0,0"
                 HorizontalAlignment="Left" VerticalAlignment="Center">
            <TextBlock Text="{x:Static prop:Resources.AppTitle}" Foreground="White"
                       FontSize="20"/> <!-- 这里的FontSize作为最大字号 -->
        </Viewbox>
    </Grid>
</Border>

• StretchDirection="DownOnly"：只允许缩小文本，避免内容过小时被强制放大
• Stretch="Uniform"：保持文本宽高比，防止变形

方法2：自定义值转换器（精准控制字号范围） #

如果需要严格限制字号的最小/最大值，可以实现IValueConverter，根据容器宽度和文本长度计算合适的字号。

步骤1：实现转换器类 #

using System;
using System.Globalization;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media;

public class TextSizeConverter : IMultiValueConverter
{
    public double MinFontSize { get; set; } = 12;
    public double MaxFontSize { get; set; } = 20;

    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length != 3 || 
            values[0] is not double containerWidth || 
            values[1] is not string text || 
            values[2] is not FontFamily fontFamily)
            return MaxFontSize;

        if (string.IsNullOrEmpty(text)) return MaxFontSize;

        var formattedText = new FormattedText(
            text,
            CultureInfo.CurrentCulture,
            FlowDirection.LeftToRight,
            new Typeface(fontFamily, FontStyles.Normal, FontWeights.Normal, FontStretches.Normal),
            MaxFontSize,
            Brushes.Black);

        // 计算缩放比例
        double scale = containerWidth / formattedText.Width;
        double fontSize = MaxFontSize * scale;

        // 限制字号在设定范围内
        return Math.Clamp(fontSize, MinFontSize, MaxFontSize);
    }

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

步骤2：在XAML中引用并使用 #

先在资源中声明转换器：

<Window.Resources>
    <local:TextSizeConverter x:Key="TextSizeConverter" MinFontSize="12" MaxFontSize="20"/>
</Window.Resources>

再修改TextBlock的FontSize绑定：

<Border Grid.Row="0" Grid.ColumnSpan="2" BorderThickness="1" BorderBrush="{DynamicResource OCR.OCRWindow.TitleBorder}">
    <Grid Name="OCRTitleBar" Background="{DynamicResource OCR.OCRWindow.TitleBar}">
        <TextBlock Text="{x:Static prop:Resources.AppTitle}" Foreground="White"
                   HorizontalAlignment="Left" VerticalAlignment="Center" Margin="24,0,24,0">
            <TextBlock.FontSize>
                <MultiBinding Converter="{StaticResource TextSizeConverter}">
                    <Binding ElementName="OCRTitleBar" Path="ActualWidth"/>
                    <Binding Path="Text" RelativeSource="{RelativeSource Self}"/>
                    <Binding Path="FontFamily" RelativeSource="{RelativeSource Self}"/>
                </MultiBinding>
            </TextBlock.FontSize>
        </TextBlock>
    </Grid>
</Border>

方法3：后台代码动态计算（支持复杂逻辑扩展） #

如果需要结合多行显示、特殊字符处理等复杂逻辑，可以在后台监听容器尺寸和文本变化，动态调整字号。

步骤1：给TextBlock命名 #

<TextBlock x:Name="TitleTextBlock" Text="{x:Static prop:Resources.AppTitle}" Foreground="White"
           HorizontalAlignment="Left" VerticalAlignment="Center" Margin="24,0,0,0" FontSize="20"/>

步骤2：添加监听与计算逻辑 #

public MainWindow()
{
    InitializeComponent();
    OCRTitleBar.SizeChanged += OCRTitleBar_SizeChanged;
    // 监听多语言文本动态更新（如果资源支持）
    prop.Resources.PropertyChanged += Resources_PropertyChanged;
}

private void OCRTitleBar_SizeChanged(object sender, SizeChangedEventArgs e)
{
    AdjustTitleFontSize();
}

private void Resources_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
{
    if (e.PropertyName == nameof(prop.Resources.AppTitle))
    {
        AdjustTitleFontSize();
    }
}

private void AdjustTitleFontSize()
{
    if (TitleTextBlock == null || OCRTitleBar == null) return;

    double containerAvailableWidth = OCRTitleBar.ActualWidth - TitleTextBlock.Margin.Left - TitleTextBlock.Margin.Right;
    if (containerAvailableWidth <= 0) return;

    double maxFontSize = 20;
    double minFontSize = 12;
    string text = TitleTextBlock.Text;
    var fontFamily = TitleTextBlock.FontFamily;

    var formattedText = new FormattedText(
        text,
        CultureInfo.CurrentCulture,
        FlowDirection.LeftToRight,
        new Typeface(fontFamily),
        maxFontSize,
        Brushes.Black);

    double scale = containerAvailableWidth / formattedText.Width;
    double newFontSize = maxFontSize * scale;

    TitleTextBlock.FontSize = Math.Clamp(newFontSize, minFontSize, maxFontSize);
}

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