我正在尝试在 Windows Phone 7 应用程序中的位图上呈现文本。

看起来或多或少像下面的代码在主线程上运行时可以正常工作:

public ImageSource RenderText(string text, double x, double y)
{
    var canvas = new Canvas();

    var textBlock = new TextBlock { Text = text };
    canvas.Children.Add(textBloxk);
    Canvas.SetLeft(textBlock, x);
    Canvas.SetTop(textBlock, y);

    var bitmap = new WriteableBitmap(400, 400);
    bitmap.Render(canvas, null);
    bitmap.Invalidate();
    return bitmap;
}

现在，由于我必须渲染多张包含更复杂内容的图像，我想在后台线程上渲染位图以避免 UI 无响应。

当我使用 BackgroundWorker 这样做时，TextBlock 的构造函数抛出一个 UnauthorizedAccessException 声称这是一个无效的跨线程访问.

我的问题是:如何在不阻塞 UI 的情况下在位图上呈现文本？

• 请不要建议使用网络服务进行呈现。我需要渲染大量图像，带宽成本无法满足我的需求，离线工作的能力是一个主要要求。
• 解决方案不一定必须使用 WriteableBitmap 或 UIElements，如果有另一种呈现文本的方法。

编辑

另一个想法:有谁知道是否可以在另一个线程中运行 UI 消息循环，然后让该线程完成工作？ (而不是使用 BackgroundWorker)？

编辑 2

要考虑 WriteableBitmap 的替代方案，我需要的功能是:

• 绘制背景图像。
• 在给定字体系列和大小(最好是样式)的情况下测量 1 行字符串的宽度和高度。无需自动换行。
• 在给定的坐标处使用给定的字体系列、大小、样式绘制 1 行字符串。
• 文本呈现应支持透明背景。 IE。您应该会看到字符之间的背景图像。

最佳答案

此方法从预制图像中复制字母而不是使用 TextBlock，它基于我对此 question 的回答.主要限制是需要为所需的每种字体和大小使用不同的图像。大小为 20 的字体大约需要 150kb。

使用 SpriteFont2以您需要的大小导出字体和 xml 指标文件。代码假设它们被命名为“FontName FontSize”.png 和“FontName FontSize”.xml 将它们添加到您的项目并将构建操作设置为内容。该代码还需要 WriteableBitmapEx .

public static class BitmapFont
{
    private class FontInfo
    {
        public FontInfo(WriteableBitmap image, Dictionary<char, Rect> metrics, int size)
        {
            this.Image = image;
            this.Metrics = metrics;
            this.Size = size;
        }
        public WriteableBitmap Image { get; private set; }
        public Dictionary<char, Rect> Metrics { get; private set; }
        public int Size { get; private set; }
    }

    private static Dictionary<string, List<FontInfo>> fonts = new Dictionary<string, List<FontInfo>>();
    public static void RegisterFont(string name,params int[] sizes)
    {
        foreach (var size in sizes)
        {
            string fontFile = name + " " + size + ".png";
            string fontMetricsFile = name + " " + size + ".xml";
            BitmapImage image = new BitmapImage();

            image.SetSource(App.GetResourceStream(new Uri(fontFile, UriKind.Relative)).Stream);
            var metrics = XDocument.Load(fontMetricsFile);
            var dict = (from c in metrics.Root.Elements()
                        let key = (char) ((int) c.Attribute("key"))
                        let rect = new Rect((int) c.Element("x"), (int) c.Element("y"), (int) c.Element("width"), (int) c.Element("height"))
                        select new {Char = key, Metrics = rect}).ToDictionary(x => x.Char, x => x.Metrics);

            var fontInfo = new FontInfo(new WriteableBitmap(image), dict, size);

            if(fonts.ContainsKey(name))
                fonts[name].Add(fontInfo);
            else
                fonts.Add(name, new List<FontInfo> {fontInfo});
        }
    }

    private static FontInfo GetNearestFont(string fontName,int size)
    {
        return fonts[fontName].OrderBy(x => Math.Abs(x.Size - size)).First();
    }

    public static Size MeasureString(string text,string fontName,int size)
    {
        var font = GetNearestFont(fontName, size);

        double scale = (double) size / font.Size;

        var letters = text.Select(x => font.Metrics[x]).ToArray();

        return new Size(letters.Sum(x => x.Width * scale),letters.Max(x => x.Height * scale));
    }

    public static void DrawString(this WriteableBitmap bmp,string text,int x,int y, string fontName,int size,Color color)
    {
        var font = GetNearestFont(fontName, size);

        var letters = text.Select(f => font.Metrics[f]).ToArray();

        double scale = (double)size / font.Size;

        double destX = x;
        foreach (var letter in letters)
        {
            var destRect = new Rect(destX,y,letter.Width * scale,letter.Height * scale);
            bmp.Blit(destRect, font.Image, letter, color, WriteableBitmapExtensions.BlendMode.Alpha);
            destX += destRect.Width;
        }
    }
}

您需要调用 RegisterFont 一次来加载文件，然后再调用 DrawString。它使用 WriteableBitmapEx.Blit 所以如果你的字体文件有白色文本和透明背景 alpha 被正确处理并且你可以重新着色它。如果您以未加载的尺寸绘制，代码会缩放文本，但结果不佳，可以使用更好的插值方法。

我尝试从不同的线程绘图，这在模拟器中有效，您仍然需要在主线程上创建 WriteableBitmap。我对您的场景的理解是，您想滚动浏览类似于 map 应用程序工作方式的图 block ，如果是这种情况，请重用旧的 WriteableBitmaps 而不是重新创建它们。如果不是，则可以更改代码以改为使用数组。

关于c# - 在 Windows Phone 7 中，如何在后台线程的 WriteableBitmap 上呈现文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5666772/