wpf - 使 TreeView.ItemsPanel 成为 Canvas

Question

我正在寻找一种方法来制作我的 TreeView在 Canvas 中显示项目控制板。

<TreeView>
    <TreeView.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas IsItemsHost="True"/>
        </ItemsPanelTemplate>
    </TreeView.ItemsPanel>
    <TreeViewItem Header="Root" IsExpanded="True" Canvas.Left="50" Canvas.Top="20">
        <TreeViewItem Header="Alpha" Canvas.Left="10" Canvas.Top="50">
            <TreeViewItem Header="Sub"/>
        </TreeViewItem>
        <TreeViewItem Header="Beta"/>
        <TreeViewItem Header="Gamma"/>
    </TreeViewItem>
</TreeView>

这个解决方案允许我在 Root TreeViewItem 周围移动，但我想要 TreeView 中的每一项尊重 Canvas附加属性。我的意思是，当 Root {Left = 50, Top = 10} (到这里它有效)包含 Alpha {Left = 0, Top=0} 时，Root 将在 [50,10] 和 Alpha 在 [0,0 ] (坐标绝对到 Canvas )。

之所以只有Root TreeViewItem正确的地方是，我使用 TreeView.ItemsPanel .我觉得我应该使用 TreeView.ItemContainerStyle相反，但我真的不知道如何。

当然，任何帮助都值得赞赏，最好结合 HierarchicalDataTemplate也是如此_我知道如何将解决方案与 Binding 联系起来.

Answer 1

TreeViewItems布置自己的 child ，他们每个人都有自己的面板，因此您需要更改TreeView 上的 Canvas 和物品。为此，应用改变面板的样式，通过资源或 ItemContainerStyle 隐式地改变面板。 .

<Style TargetType="TreeViewItem">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <TreeViewItem.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas />
                </ItemsPanelTemplate>
            </TreeViewItem.ItemsPanel>
        </Setter.Value>
    </Setter>
</Style>