如何綁定ItemsControl中的DataTemplate

Question

我不明白ItemTemplate中的DataTemplate。我有一個爲ItemsControl提供ItemsSource的ObservableCollection「StringViewModel」轉錄。使用StringViewModel填充轉錄集合正確顯示這些字符串。

在顯示每個字符串時，我想讓XAML綁定調用MyConverter，以便可以在顯示的每個項目上運行附加代碼。 （我不是試圖改變顯示內容，而只是根據顯示內容的位置執行一些操作）。

在下面的代碼中，MyConverter永遠不會被調用。

對ItemsControl中呈現的每個項目調用MyConverter的最佳方式是什麼？

任何幫助表示讚賞。

C＃

public class StringViewModel : FrameworkElement {...} 

private ObservableCollection<StringViewModel> transcription = new ObservableCollection<StringViewModel>(); 
    public ObservableCollection<StringViewModel> Transcription 
    { 
     get 
     { 
      return transcription; 
     } 
     set 
     { 
      transcription = value; 
     } 
    } 

XAML

<ItemsControl 
       ItemsSource="{Binding Transcription}" 
       > 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <Canvas 
          Background="Transparent" 
          Width="{x:Static h:Constants.widthCanvas}" 
          Height="{x:Static h:Constants.heightCanvas}" 
          /> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate>    <!-- THIS DOES NOT WORK --> 

         <ContentControl Content="{Binding Converter={StaticResource MyConverter}}"/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 

我試圖將其更改爲：在

<ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <StringViewModel ft="{Binding Path=., Converter={StaticResource MyConverter}}"/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 

結果：

的ItemTemplate和ItemTemplateSelector的物品被忽略ItemsControl的容器類型已經存在; Type ='StringViewModel'

怎麼辦？

的StringViewModel被定義爲：

public class StringViewModel : FrameworkElement, INotifyPropertyChanged 
{ 

    public StringViewModel() 
    { 
    } 

    public StringViewModel(
     Point topleft, 
     string text, 
     double fontsizediu,       
     SolidColorBrush brush, 
     Func<FormattedText,FormattedText> f,   
     double lineheight) 
    { 
     this.text = text; 
     this.emSize = fontsizediu;     
     this.color = brush; 
     this.topleft = topleft; 
     this.lineheight = lineheight;    
     this.f = f; 
    } 

    protected override void OnRender(DrawingContext dc) 
    { 

     ft = new FormattedText(
      text, 
      CultureInfo.CurrentCulture, 
      FlowDirection.LeftToRight, 
      new Typeface(new FontFamily("Segoe Script"), FontStyles.Italic, FontWeights.Normal, FontStretches.Normal), 
      emSize, 
      color); 


     ft.TextAlignment = TextAlignment.Left; 

     // apply special styles 
     ft = f(ft); 
     dc.DrawText(ft, topleft); 

    } 

    private string text; 
    private double emSize; 
    private SolidColorBrush color; 
    private Func<FormattedText, FormattedText> f; 

    public Point topleft; 
    private double? Lineheight; 


    private FormattedText _ft; 
    public FormattedText ft 
    { 
     get 
     { 
      return _ft; 
     } 
     set 
     { 
      if (_ft != value) 
      { 
       _ft = value; 
       OnPropertyChanged("ft"); 
      } 
     } 
    } 

Answer 1

更新：

我建議你不要在視圖模型實現渲染，其實你StringViewModel應該是這樣的一個StringModel：（只包含一些屬性）

public class StringModel : INotifyPropertyChanged 
{ 

    public StringModel() 
    { 
    } 

    public StringModel(
     Point topleft, 
     string text, 
     double fontsizediu, 
     SolidColorBrush brush, 
     double lineheight) 
    { 
     this.text = text; 
     this.emSize = fontsizediu; 
     this.color = brush; 
     this.topleft = topleft; 
     this.lineheight = lineheight; 
    } 


    public string text; 
    public double emSize; 
    public SolidColorBrush color; 

    public Point topleft; 
    public double? lineheight; 


    private FormattedText _ft; 
    public FormattedText ft 
    { 
     get 
     { 
      return _ft; 
     } 
     set 
     { 
      if (_ft != value) 
      { 
       _ft = value; 
      } 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
} 

，然後實現渲染器：

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
    { 
     var stringviewmodel = value as StringModel; 
     if (stringviewmodel != null) 
     { 
      stringviewmodel.ft = new FormattedText(
      stringviewmodel.text, 
      CultureInfo.CurrentCulture, 
      FlowDirection.LeftToRight, 
      new Typeface(new FontFamily("Segoe Script"), FontStyles.Italic, FontWeights.Normal, FontStretches.Normal), 
      stringviewmodel.emSize, 
      stringviewmodel.color); 


      stringviewmodel.ft.TextAlignment = TextAlignment.Left; 

      // apply special styles 

      Image myImage = new Image(); 

      DrawingVisual drawingVisual = new DrawingVisual(); 
      DrawingContext dc = drawingVisual.RenderOpen(); 
      dc.DrawText(stringviewmodel.ft, stringviewmodel.topleft); 
      dc.Close(); 

      RenderTargetBitmap bmp = new RenderTargetBitmap(180, 180, 120, 96, PixelFormats.Pbgra32); 
      bmp.Render(drawingVisual); 
      myImage.Source = bmp; 

      return myImage; 
     } 
     else 
     { 
      return null; 
     } 
    } 

這裏是itemcontrol代碼：

<ItemsControl x:Name="ic" ItemsSource="{Binding LST}" Margin="0,0,143,185"> 
     <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapPanel 
         Background="Transparent" 
         /> 
      </ItemsPanelTemplate> 
     </ItemsControl.ItemsPanel> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <ContentControl Content="{Binding Converter={StaticResource myconverter}}"/> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
    </ItemsControl> 

和主要代碼：

public partial class MainWindow : Window 
{ 
    private List<StringModel> lst; 

    public List<StringModel> LST 
    { 
     get { return lst; } 
     set { lst = value; } 
    } 

    public MainWindow() 
    { 
     InitializeComponent(); 
     this.DataContext = this; 
     LST = new List<StringModel>(); 

     StringModel vm = new StringModel(new Point(20, 20), "123", 14, Brushes.Red, 2); 
     LST.Add(vm); 

     vm = new StringModel(new Point(20, 20), "456", 16, Brushes.Blue, 3); 
     LST.Add(vm); 

     vm = new StringModel(new Point(20, 20), "789", 18, Brushes.Green, 4); 
     LST.Add(vm); 



    } 
} 

最後，它的效果：