WPF Canvas扩展宽度后TextBlock文本不显示问题求助

看起来你遇到的是WPF中Canvas扩展宽度后，TextBlock在新区域文本渲染异常的问题——只有背景色和删除线可见，文字却消失了。结合你的代码和场景，我给你几个针对性的解决方案：

1. 强制TextBlock正确计算自身尺寸 #

Canvas是无布局约束的面板，它不会自动帮子元素计算或调整大小。你的TextBlock没有设置Width，当它被放在Canvas扩展后的新区域时，可能没有正确完成测量（Measure）和排列（Arrange）流程，导致文本无法渲染。

可以在添加TextBlock到Canvas之前，先让它计算自身的理想尺寸并显式设置宽度：

private void drawHeartrate(string hr, double xHr) { 
    TextBlock hrTextBlock = new TextBlock(); 
    hrTextBlock.Text = hr; 
    hrTextBlock.Foreground = Brushes.Black; 
    hrTextBlock.TextDecorations = TextDecorations.Strikethrough; 
    hrTextBlock.Background = Brushes.Yellow; 
    hrTextBlock.FontFamily = new FontFamily("Soho Gothic Pro"); 
    hrTextBlock.FontSize = 14; 

    // 强制测量文本所需的尺寸
    hrTextBlock.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
    // 显式设置宽度为文本所需的宽度
    hrTextBlock.Width = hrTextBlock.DesiredSize.Width;

    Canvas.SetLeft(hrTextBlock, xHr); 
    Canvas.SetTop(hrTextBlock, -2); 
    CnvsEcg.Children.Add(hrTextBlock); 
}

2. 排查自定义字体的渲染问题 #

你使用了自定义字体Soho Gothic Pro，有时候自定义字体可能因为加载不完整、缺少特定字重/样式，或者在某些布局位置无法正确渲染。可以先临时替换成系统默认字体（比如Arial）测试：

hrTextBlock.FontFamily = new FontFamily("Arial");

如果替换后文本显示正常，那问题就出在自定义字体上——你需要确保字体文件已正确嵌入到项目中，并且FontFamily的引用路径正确。

3. 确保Canvas完成布局更新 #

虽然你提到已经确认Canvas的Width和ActualWidth正确，但有时候WPF的布局更新是异步的。可以在绘制TextBlock前强制Canvas完成布局：

// 在设置xHr之前调用，确保Canvas的尺寸已生效
CnvsEcg.UpdateLayout();
// 然后再获取ActualWidth并计算xHr
double canvasWidth = CnvsEcg.ActualWidth;
// ... 计算xHr的逻辑

4. 启用布局舍入避免渲染偏移 #

WPF的像素对齐问题偶尔也会导致文本渲染异常，你可以给TextBlock开启布局舍入：

hrTextBlock.UseLayoutRounding = true;
hrTextBlock.SnapsToDevicePixels = true;

这些方案应该能解决你遇到的问题——优先试试强制设置TextBlock宽度的方法，这是Canvas中TextBlock布局异常最常见的解决思路。

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