在运行时动态添加EventSetter到现有的分层数据模板
本文关键字:分层 数据 动态 运行时 添加 EventSetter | 更新日期: 2023-09-27 18:16:22
我有一个WPF TreeView
控件,它通过绑定获得分层数据。为了控制控制器中的视觉输出,我使用Hierarchical Data Templates
。TreeView
的DataContext
是一个自定义类的ObservableCollection
,可以容纳不同类型的子类型。
public class PaletteGroup
{
public string Name { get; set; }
public ObservableCollection<Palette> Palettes { get; set; }
public ObservableCollection<PaletteGroup> PaletteGroups { get; set; }
public IList Children
{
get
{
return new CompositeCollection()
{
new CollectionContainer() { Collection = Palettes },
new CollectionContainer() { Collection = PaletteGroups }
};
}
}
}
public class Palette
{
public string Name { get; set; }
}
由于PaletteGroup
类可以保存类型为Palette
和PaletteGroup
的孩子,我使用CompositeCollection
将两个ObservableCollection
s组合在一个层次结构中用于TreeView
的视觉输出,因为我的类可以有尽可能多的子节点级别。
可视输出本身是在我的xaml文件中定义的,我使用两个类的Name
属性来显示对象的名称:
<local:DragDropDecorator AllowDrop="True"
AllowPaletteItems="False"
AllowPaletteGroups="True"
AllowPalettes="True">
<TreeView Margin="10,10,10,40"
Name="PaletteStructureView"
VirtualizingStackPanel.IsVirtualizing="True"
VirtualizingStackPanel.VirtualizationMode="Recycling"
MouseRightButtonUp="PalettesListBoxMouseRightButtonUp"
ItemsSource="{Binding LoadedPaletteGroups}">
<TreeView.Resources>
<HierarchicalDataTemplate DataType="{x:Type local:PaletteGroup}"
ItemsSource="{Binding Children}">
<TextBlock Foreground="DarkGreen"
Text="{Binding Path=Name}" />
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="{x:Type local:Palette}">
<TextBlock Foreground="DarkBlue"
Text="{Binding Path=Name}" />
</HierarchicalDataTemplate>
</TreeView.Resources>
</TreeView>
</local:DragDropDecorator>
您可以看到,我还将TreeView
控件包装在一个名为DragDropDecorator
的拖放操作的自定义类中,在其中添加了运行时控件所需的所有事件。由于我使用了很多不同的控件,我厌倦了总是将事件绑定到xaml文件中的控件。该类的Loaded
事件如下所示:
private void DragableItemsControl_Loaded( object sender, RoutedEventArgs e )
{
if (!(base.DecoratedUIElement is ItemsControl))
throw new InvalidCastException(string.Format("DragDragDecorator cannot have child of type {0}", Child.GetType()));
ItemsControl itemsControl = (ItemsControl)DecoratedUIElement;
itemsControl.AllowDrop = AllowDrop;
itemsControl.PreviewMouseLeftButtonDown += new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonDown);
itemsControl.PreviewMouseMove += new MouseEventHandler(ItemsControl_PreviewMouseMove);
itemsControl.PreviewMouseLeftButtonUp += new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonUp);
itemsControl.PreviewDrop += new DragEventHandler(ItemsControl_PreviewDrop);
itemsControl.PreviewQueryContinueDrag += new QueryContinueDragEventHandler(ItemsControl_PreviewQueryContinueDrag);
itemsControl.PreviewDragEnter += new DragEventHandler(ItemsControl_PreviewDragEnter);
itemsControl.PreviewDragOver += new DragEventHandler(ItemsControl_PreviewDragOver);
itemsControl.DragLeave += new DragEventHandler(ItemsControl_DragLeave);
}
这对于ListBox
控件来说绝对工作得很好,这也是我项目的需要。但是我对TreeView
控件有相当困难的时间,因为事件只在TreeView
中最上面的节点引发,即使我尝试对一些子节点进行拖放操作。
首先,我尝试将所有事件添加到TreeView.ItemContainerStyle
。这对于第一层的子节点很有效,但是忽略了更深的节点结构和最上层的节点。
然后我尝试将所有事件添加到DragDropDecorator
类的Loaded
事件中的Hierarchical Data Template
:
if (itemsControl.GetType() == typeof(TreeView))
{
foreach (object item in itemsControl.Resources.Keys)
{
var hdt = itemsControl.FindResource(item);
if (hdt != null & hdt.GetType() == typeof(HierarchicalDataTemplate))
{
var newHdt = (HierarchicalDataTemplate)hdt;
var test = new Style();
test.Setters.Add(new EventSetter(PreviewMouseLeftButtonDownEvent, new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonDown)));
test.Setters.Add(new EventSetter(PreviewMouseMoveEvent, new MouseEventHandler(ItemsControl_PreviewMouseMove)));
test.Setters.Add(new EventSetter(PreviewMouseLeftButtonUpEvent, new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonUp)));
test.Setters.Add(new EventSetter(PreviewDropEvent, new DragEventHandler(ItemsControl_PreviewDrop)));
test.Setters.Add(new EventSetter(PreviewQueryContinueDragEvent, new QueryContinueDragEventHandler(ItemsControl_PreviewQueryContinueDrag)));
test.Setters.Add(new EventSetter(PreviewDragEnterEvent, new DragEventHandler(ItemsControl_PreviewDragEnter)));
test.Setters.Add(new EventSetter(PreviewDragOverEvent, new DragEventHandler(ItemsControl_PreviewDragOver)));
test.Setters.Add(new EventSetter(DragLeaveEvent, new DragEventHandler(ItemsControl_DragLeave)));
newHdt.ItemContainerStyle = test;
}
}
}
使用此代码,我得到一个InvalidOperationException
,因为已经密封的模板对象。我的问题是:
- 如何在运行时将eventsetter添加到已经存在的
Hierarchical Data Template
? - 这是正确的方法,还是我有还有其他更优雅的选择吗?
经过几个小时的尝试不同的方法,并在互联网上寻找一个解决方案,我现在卡住了。如果有人能给我指出正确的方向,甚至给我写一段代码片段,这应该有助于我回到正轨,我会很感激的。
我希望我张贴的代码是足够的。如果没有,请留下评论,我将添加额外的部分。
提前感谢您的时间!
我自己修复了这个问题,我想在这里发布代码以供将来参考。也许这不是最好的解决方案,但它对我有用。我将以下几行添加到DragDropDecorator
类的Loaded
事件中:
if (itemsControl.GetType() == typeof(TreeView))
{
var originalStyle = itemsControl.Style;
var newStyle = new Style();
newStyle.BasedOn = originalStyle;
newStyle.Setters.Add(new EventSetter(PreviewMouseLeftButtonDownEvent, new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonDown)));
newStyle.Setters.Add(new EventSetter(PreviewMouseMoveEvent, new MouseEventHandler(ItemsControl_PreviewMouseMove)));
newStyle.Setters.Add(new EventSetter(PreviewMouseLeftButtonUpEvent, new MouseButtonEventHandler(ItemsControl_PreviewMouseLeftButtonUp)));
newStyle.Setters.Add(new EventSetter(PreviewDropEvent, new DragEventHandler(ItemsControl_PreviewDrop)));
newStyle.Setters.Add(new EventSetter(PreviewQueryContinueDragEvent, new QueryContinueDragEventHandler(ItemsControl_PreviewQueryContinueDrag)));
newStyle.Setters.Add(new EventSetter(PreviewDragEnterEvent, new DragEventHandler(ItemsControl_PreviewDragEnter)));
newStyle.Setters.Add(new EventSetter(PreviewDragOverEvent, new DragEventHandler(ItemsControl_PreviewDragOver)));
newStyle.Setters.Add(new EventSetter(DragLeaveEvent, new DragEventHandler(ItemsControl_DragLeave)));
itemsControl.ItemContainerStyle = newStyle;
}
我无法编辑样式,因为它一旦设置就会被密封。所以我在一个新的样式对象上使用了BasedOn
属性,以获得已经设置的样式信息,添加我的EventSetter
s并将新样式应用于Control
。