如何计算已知字体大小和字符的 WPF TextBlock 宽度？

Question

假设我有 TextBlock，其中包含文本 “Some Text” 和字体大小 10.0。

如何计算合适的 TextBlock 宽度？

Answer 1

使用FormattedText 类。

我在代码中创建了一个辅助函数：

private Size MeasureString(string candidate)
{
    var formattedText = new FormattedText(
        candidate,
        CultureInfo.CurrentCulture,
        FlowDirection.LeftToRight,
        new Typeface(this.textBlock.FontFamily, this.textBlock.FontStyle, this.textBlock.FontWeight, this.textBlock.FontStretch),
        this.textBlock.FontSize,
        Brushes.Black,
        new NumberSubstitution(),
        VisualTreeHelper.GetDpi(this.textBlock).PixelsPerDip);

    return new Size(formattedText.Width, formattedText.Height);
}

它返回可在 WPF 布局中使用的与设备无关的像素。

Answer 2

为了记录...
我假设操作员正在尝试以编程方式确定文本块在添加到可视化树后将占用的宽度。在我看来，比 formattedText 更好的解决方案（如何处理像 textWrapping 这样的东西？）是在示例 TextBlock 上使用 Measure 和 Arrange。例如

var textBlock = new TextBlock { Text = "abc abd adfdfd", TextWrapping = TextWrapping.Wrap };
// auto sized
textBlock.Measure(new Size(Double.PositiveInfinity, Double.PositiveInfinity));
textBlock.Arrange(new Rect(textBlock.DesiredSize));

Debug.WriteLine(textBlock.ActualWidth); // prints 80.323333333333
Debug.WriteLine(textBlock.ActualHeight);// prints 15.96

// constrain the width to 16
textBlock.Measure(new Size(16, Double.PositiveInfinity));
textBlock.Arrange(new Rect(textBlock.DesiredSize));

Debug.WriteLine(textBlock.ActualWidth); // prints 14.58
Debug.WriteLine(textBlock.ActualHeight);// prints 111.72

Answer 3

提供的解决方案适用于 .Net Framework 4.5，但是，随着 Windows 10 DPI 缩放和 Framework 4.6.x 添加了不同程度的支持，用于测量文本的构造函数现在被标记为[已过时] ，以及该方法中不包含 pixelsPerDip 参数的任何构造函数。

不幸的是，它有点复杂，但新的缩放功能会带来更高的准确性。

###PixelsPerDip

根据 MSDN，这代表：

每密度独立像素的像素值，相当于比例因子。例如，如果屏幕的 DPI 为 120（或 1.25，因为 120/96 = 1.25），则每个密度独立像素绘制 1.25 个像素。 DIP 是 WPF 使用的测量单位，与设备分辨率和 DPI 无关。

这是我根据 Microsoft/WPF-Samples 具有 DPI 缩放感知功能的 GitHub 存储库。

从 Windows 10 周年版开始，需要一些额外的配置来完全支持 DPI 缩放（在代码下方），我无法正常工作，但如果没有它，这可以在配置了缩放的单个显示器上运行（并尊重缩放变化）。上述存储库中的 Word 文档是该信息的来源，因为一旦添加这些值，我的应用程序就不会启动。 此示例代码来自同一个回购协议也是一个很好的参考点。

public partial class MainWindow : Window
{
    private DpiScale m_dpiInfo;
    private readonly object m_sync = new object();

    public MainWindow()
    {
        InitializeComponent();
        Loaded += OnLoaded;
    }
    
    private Size MeasureString(string candidate)
    {
        DpiScale dpiInfo;
        lock (m_sync)
            dpiInfo = m_dpiInfo;

        if (dpiInfo == null)
            throw new InvalidOperationException("Window must be loaded before calling MeasureString");

        var formattedText = new FormattedText(candidate, CultureInfo.CurrentUICulture,
                                              FlowDirection.LeftToRight,
                                              new Typeface(this.textBlock.FontFamily, 
                                                           this.textBlock.FontStyle, 
                                                           this.textBlock.FontWeight, 
                                                           this.textBlock.FontStretch),
                                              this.textBlock.FontSize,
                                              Brushes.Black, 
                                              dpiInfo.PixelsPerDip);
        
        return new Size(formattedText.Width, formattedText.Height);
    }

// ... The Rest of Your Class ...

    /*
     * Event Handlers to get initial DPI information and to set new DPI information
     * when the window moves to a new display or DPI settings get changed
     */
    private void OnLoaded(object sender, RoutedEventArgs e)
    {            
        lock (m_sync)
            m_dpiInfo = VisualTreeHelper.GetDpi(this);
    }

    protected override void OnDpiChanged(DpiScale oldDpiScaleInfo, DpiScale newDpiScaleInfo)
    {
        lock (m_sync)
            m_dpiInfo = newDpiScaleInfo;

        // Probably also a good place to re-draw things that need to scale
    }
}

其他要求

根据 Microsoft/WPF-Samples 上的文档，您需要向应用程序清单添加一些设置，以涵盖 Windows 10 Anniversary 在多显示器配置中每个显示器具有不同 DPI 设置的能力。可以合理地猜测，如果没有这些设置，当窗口从一个显示器移动到具有不同设置的另一个显示器时，可能不会引发 OnDpiChanged 事件，这将使您的测量继续依赖于之前的 DpiScale。我正在编写的应用程序是为我自己编写的，我没有那种设置，所以我没有什么可测试的，当我按照指导进行操作时，我最终得到了一个由于清单而无法启动的应用程序错误，所以我放弃了，但最好检查一下并调整您的应用程序清单以包含：

<application xmlns="urn:schemas-microsoft-com:asm.v3">
    <windowsSettings>
        <dpiAware xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">true</dpiAware>
        <dpiAwareness xmlns="http://schemas.microsoft.com/SMI/2016/WindowsSettings">PerMonitor</dpiAwareness>
    </windowsSettings>
</application>

根据文档：

[这]两个标签的组合具有以下效果：
1) 每个显示器 >= Windows 10 周年更新
2）系统< Windows 10 周年更新

Answer 4

我通过在后端代码中添加到元素的绑定路径解决了这个问题：

<TextBlock x:Name="MyText" Width="{Binding Path=ActualWidth, ElementName=MyText}" />

我发现这是一个比将上述引用（如 FormattedText）的所有开销添加到我的代码中更干净的解决方案。

之后，我能够做到这一点：

double d_width = MyText.Width;

Answer 5

我发现了一些效果很好的方法......

/// <summary>
/// Get the required height and width of the specified text. Uses Glyph's
/// </summary>
public static Size MeasureText(string text, FontFamily fontFamily, FontStyle fontStyle, FontWeight fontWeight, FontStretch fontStretch, double fontSize)
{
    Typeface typeface = new Typeface(fontFamily, fontStyle, fontWeight, fontStretch);
    GlyphTypeface glyphTypeface;

    if (!typeface.TryGetGlyphTypeface(out glyphTypeface))
    {
        return MeasureTextSize(text, fontFamily, fontStyle, fontWeight, fontStretch, fontSize);
    }

    double totalWidth = 0;
    double height = 0;

    for (int n = 0; n < text.Length; n++)
    {
        ushort glyphIndex = glyphTypeface.CharacterToGlyphMap[text[n]];

        double width = glyphTypeface.AdvanceWidths[glyphIndex] * fontSize;

        double glyphHeight = glyphTypeface.AdvanceHeights[glyphIndex] * fontSize;

        if (glyphHeight > height)
        {
            height = glyphHeight;
        }

        totalWidth += width;
    }

    return new Size(totalWidth, height);
}

/// <summary>
/// Get the required height and width of the specified text. Uses FortammedText
/// </summary>
public static Size MeasureTextSize(string text, FontFamily fontFamily, FontStyle fontStyle, FontWeight fontWeight, FontStretch fontStretch, double fontSize)
{
    FormattedText ft = new FormattedText(text,
                                            CultureInfo.CurrentCulture,
                                            FlowDirection.LeftToRight,
                                            new Typeface(fontFamily, fontStyle, fontWeight, fontStretch),
                                            fontSize,
                                            Brushes.Black);
    return new Size(ft.Width, ft.Height);
}

Answer 6

我用这个：

var typeface = new Typeface(textBlock.FontFamily, textBlock.FontStyle, textBlock.FontWeight, textBlock.FontStretch);
var formattedText = new FormattedText(textBlock.Text, Thread.CurrentThread.CurrentCulture, textBlock.FlowDirection, typeface, textBlock.FontSize, textBlock.Foreground);

var size = new Size(formattedText.Width, formattedText.Height)

Answer 7

为您找到了这个：

Graphics g = control.CreateGraphics();
int width =(int)g.MeasureString(aString, control.Font).Width; 
g.dispose();