Рисование WPF UserControl с DataBinding к изображению

RenderTargetBitmap отображает текущее состояние вашего элемента управления. В вашем случае ваш элемент управления не инициализирован, поэтому он все еще выглядит белым.

Чтобы ваш код правильно инициализировался перед Render (), вам нужно сделать три вещи:

1. Убедитесь, что ваш элемент управления измерен и упорядочен.
2. Если ваш элемент управления использует события Loaded, убедитесь, что вы подключены к PresentationSource.
3. Убедитесь, что все события DispatcherPriority.Render и выше завершены.

Если вы выполните эти три действия, ваш RenderTargetBitmap будет выглядеть идентично тому, как элемент управления отображается, когда вы добавляете его в окно.

Принудительное измерение / упорядочение на вашем элементе управления

Это очень просто:

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

Этот код принудительно устанавливает размер / упорядочивание. Проще всего передать double.PositiveInfinity для ширины и высоты, потому что это позволяет вашему UserControl выбирать собственные ширину и высоту. Если вы явно устанавливаете ширину / высоту, это не имеет большого значения, но таким образом ваш UserControl имеет возможность использовать систему макета WPF для автоматического увеличения при необходимости, если данные больше, чем ожидалось. Точно так же лучше использовать template.DesiredSize для Arrange, а не передавать определенный размер.

Присоединение PresentationSource

Это необходимо только в том случае, если ваш элемент управления или элементы в нем полагаются на событие Loaded.

using(var source = new HwndSource(new HwndSourceParameters())
                       { RootVisual = template })
{
  ...
}

Когда HwndSource создается, визуальное дерево шаблона уведомляется о том, что он «загружен». Блок «using» гарантирует, что шаблон «выгружен» в конце оператора «using» (последняя закрывающая фигурная скобка).Альтернативой оператору using () было бы использование GC.KeepAlive:

GC.KeepAlive(new HwndSource(...) { ... });

Очистка очереди Dispatcher до DispatcherPriority.Render

Просто используйте Dispatcher.Invoke:

Dispatcher.Invoke(DispatcherPriority.Loaded, new Action(() => {}));

Это все-таки вызывает пустое действие. Рендеринг и действия с более высоким приоритетом завершены. Метод Dispatcher.Invoke обрабатывает очередь диспетчера до тех пор, пока она не опустеет до уровня Loaded (который находится прямо под Render).

Причина, по которой это необходимо, заключается в том, что многие компоненты пользовательского интерфейса WPF используют очередь Dispatcher для задержки обработки до тех пор, пока элемент управления не будет готов к визуализации. Это значительно сокращает ненужные повторные вычисления визуальных свойств во время привязки и других операций.

Куда добавить этот код

Добавьте все три шага после установки контекста данных ( template.Booking = ... ) и перед вызовом RenderTargetBitmap.Render .

Дополнительные предложения

Есть гораздо более простой способ заставить ваше переплетение работать. В коде просто установите бронирование как DataContext.Это избавляет от необходимости использовать ElementName и свойство Booking:

foreach(var booking in Booking.GetSome())
{
  var template = new ImageTemplate { DataContext = booking };

  ... code from above ...
  ... RenderTargetBitmap code ...
}

Используя DataContext, привязка TextBox значительно упрощается:

<UserControl ...>
  <Canvas>
    <TextBlock ... Text="{Binding Customer}" />
    <TextBlock ... Text="{Binding Location}" />
    <TextBlock ... Text="{Binding ItemNumber}" />
    <TextBlock ... Text="{Binding Description}" />

Если у вас есть особая причина для использования Booking DependencyProperty, вы все равно можете упростить свои привязки, установив параметр DataContext на уровне вместо использования ElementName :

<UserControl ...
  DataContext="{Binding Booking, RelativeSource={RelativeSource Self}}">
  <Canvas>
    <TextBlock ... Text="{Binding Customer}" />

Я также рекомендую использовать StackPanel вместо Canvas ] для этой цели, и вам также следует рассмотреть возможность использования стиля для установки шрифта, размера текста и интервала:

<UserControl ...
  Width="300" Height="300">

  <UserControl.Resources>
    <Style TargetType="TextBlock">
      <Setter Property="FontSize" Value="16" />
      <Setter Property="FontFamily" Value="Calibri" />
      <Setter Property="Height" Value="25" />
      <Setter Property="Margin" Value="50 25 50 0" />
    </Style>
  </UserControl.Resources>

  <StackPanel>
    <TextBlock Text="{Binding Customer}" />
    <TextBlock Text="{Binding Location}" />
    <TextBlock Text="{Binding ItemNumber}" />
    <TextBlock Text="{Binding Description}" />
  </StackPanel>
</UserControl>

Обратите внимание, что весь макет выполняется макетом WPF с учетом размера UserControl, указанной высоты и поля. Также обратите внимание, что TextBlock должен указывать только текст - все остальное обрабатывается стилем.