Question

我正在尝试使用带有绑定的FlowDocument来创建单独的模板，该模板可以填充来自数据模型的实际数据。然后我将其转换为图像并打印或保存在硬盘上。为了使用数据模型绑定FlowDocument的运行，我使用了本文中的代码：https://msdn.microsoft.com/en-us/magazine/dd569761.aspx

FlowDocument模板如下：

<FlowDocument xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
          xmlns:p="clr-namespace:Labels;assembly=DataModel.Impl"
PageWidth="200" MinPageWidth="200" PageHeight="200" MinPageHeight="200">

<Section>
  <Paragraph>
    <p:BindableRun BoundText="{Binding Path=Text}"/>
  </Paragraph>
</Section>

</FlowDocument>

BindableRun代码：

public class BindableRun : Run
  {
    public static readonly DependencyProperty BoundTextProperty = DependencyProperty.Register("BoundText", typeof(string), typeof(BindableRun),
      new FrameworkPropertyMetadata(string.Empty, FrameworkPropertyMetadataOptions.AffectsRender | FrameworkPropertyMetadataOptions.AffectsMeasure, OnBoundTextChanged, CoerceText));

    public BindableRun()
    {
      FlowDocumentHelpers.FixupDataContext(this);
    }

    private static void OnBoundTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
      ((Run)d).Text = (string)e.NewValue;
    }

    private static object CoerceText(DependencyObject d, object value)
    {
      return value;
    }

    public String BoundText
    {
      get { return (string)GetValue(BoundTextProperty); }
      set { SetValue(BoundTextProperty, value); }
    }
  }

然后我加载模板并在其中设置DataContext：

private class DataClass
{
  public string Text { get; set; }
}

private static FlowDocument LoadFlowDocument(string path)
{
  using (var xamlFile = new FileStream(path, FileMode.Open, FileAccess.Read))
  {
    return XamlReader.Load(xamlFile) as FlowDocument;
  }
}

    private static void FlowDoc2Image(FlowDocument document, DataClass dataContext, Stream imageStream)
{
  var flowDocumentScrollViewer = new FlowDocumentScrollViewer
  {
    VerticalScrollBarVisibility = ScrollBarVisibility.Hidden,
    HorizontalScrollBarVisibility = ScrollBarVisibility.Hidden,
    DataContext = dataContext
  };

  flowDocumentScrollViewer.Document = document;

  flowDocumentScrollViewer.Measure(new Size(999999999, 999999999));

  //1st pass
  flowDocumentScrollViewer.Arrange(new Rect(0, 0, flowDocumentScrollViewer.ActualWidth, flowDocumentScrollViewer.ActualHeight));
  //2nd pass. It's not code duplication! Do not remove!
  flowDocumentScrollViewer.Arrange(new Rect(0, 0, flowDocumentScrollViewer.ActualWidth, flowDocumentScrollViewer.ActualHeight));

  var bitmapRenderer =
    new RenderTargetBitmap((int)flowDocumentScrollViewer.ActualWidth, (int)flowDocumentScrollViewer.ActualHeight, 96, 96, PixelFormats.Pbgra32);

  bitmapRenderer.Render(flowDocumentScrollViewer);

  var pngEncoder = new PngBitmapEncoder { Interlace = PngInterlaceOption.On };
  pngEncoder.Frames.Add(BitmapFrame.Create(bitmapRenderer));

  pngEncoder.Save(imageStream);
}

public void Test()
{
  var doc = LoadFlowDocument("C:\\Experiments\\DocWithBinding.xaml");

  var context = new DataClass {Text = "SomeText"};
  doc.DataContext = context;

  using (var imageStream = new FileStream("C:\\Experiments\\image.png", FileMode.OpenOrCreate, FileAccess.Write))
  {
    FlowDoc2Image(doc, context, imageStream);
  }
}

但没有任何反应。我试图在BindableRun中设置断点来改变它的值。我永远不会到那儿。更改DataContext不会影响文档。

Answer 1

BindableRun类不再需要了。来自Run.Text中的备注部分：

从.NET Framework 4开始，Run对象的Text属性是一个依赖属性，这意味着您可以绑定文本属性到数据源。

所以你的FlowDocument文件看起来像这样：

<FlowDocument xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    PageWidth="200" MinPageWidth="200" PageHeight="200" MinPageHeight="200">
    <Section>
        <Paragraph>
            <Run Text="{Binding Text}"/>
        </Paragraph>
    </Section>
</FlowDocument>

我已按照您的问题加载了这个，将DataClass实例分配给其DataContext并成功将其显示在RichTextBox中：

<Grid>
    <RichTextBox x:Name="rtb"/>
</Grid>

代码背后：

private class DataClass
{
    public string Text { get; set; }
}

public MainWindow()
{
    InitializeComponent();

    var doc = LoadFlowDocument("DocWithBinding.xaml");
    doc.DataContext = new DataClass { Text = "Hello, World." };
    rtb.Document = doc;
}

private static FlowDocument LoadFlowDocument(string path)
{
    using (var xamlFile = new FileStream(path, FileMode.Open, FileAccess.Read))
    {
        return XamlReader.Load(xamlFile) as FlowDocument;
    }
}

编辑虽然您能够将FlowDocument成功放入FlowDocumentScrollViewer，但似乎将此查看器同步呈现为RenderTargetBitmap并不会创建所需的输出。感觉绑定尚未建立，因为文档中的硬编码文本将同步呈现。

我尝试过一些事情，但在渲染到位图之前，我似乎无法添加短暂的延迟。我通过使FlowDoc2Image方法异步并调用await Task.Delay(100)来完成此操作。这是一个黑客，但它创建了PNG。

private async Task FlowDoc2Image(
    FlowDocument document, DataClass dataContext, Stream imageStream)
{
    var flowDocumentScrollViewer = new FlowDocumentScrollViewer
    {
        VerticalScrollBarVisibility = ScrollBarVisibility.Hidden,
        HorizontalScrollBarVisibility = ScrollBarVisibility.Hidden,
        Document = document,
        DataContext = dataContext,
    };

    flowDocumentScrollViewer.Measure(
        new Size(double.PositiveInfinity, double.PositiveInfinity));
    flowDocumentScrollViewer.Arrange(new Rect(flowDocumentScrollViewer.DesiredSize));

    await Task.Delay(100);

    var renderTargetBitmap = new RenderTargetBitmap(
        (int)flowDocumentScrollViewer.DesiredSize.Width,
        (int)flowDocumentScrollViewer.DesiredSize.Height,
        96, 96, PixelFormats.Default);

    renderTargetBitmap.Render(flowDocumentScrollViewer);

    var pngEncoder = new PngBitmapEncoder { Interlace = PngInterlaceOption.On };
    pngEncoder.Frames.Add(BitmapFrame.Create(renderTargetBitmap));
    pngEncoder.Save(imageStream);
}

如何强制FlowDocument在DataContext集上刷新其内容？

1 个答案: