根据选定的 TreeViewItem 切换视图

Question

我有一个 Shell.xaml 文件，其中包含其他两个用户控件。左边是我的 TreeView，右边是详细信息屏幕。

我希望详细信息屏幕可以根据选定的 TreeViewItem 进行切换。我知道这可以通过使用 DataTemplates 来实现，因为我通过简单的按钮单击并使用 标签来完成此操作，但我不知道如何根据选定的 TreeViewItem 来完成此操作。我的 UserControl 也有一个单独的 ViewModel 类，它保存我的 TreeView ，并且每个详细信息屏幕都有一个单独的 ViewModel 类。

我一直在使用 Josh Smith 关于 TreeViews 的教程： http://www.codeproject.com/ KB/WPF/TreeViewWithViewModel.aspx

所以我也使用他的 TreeViewItemViewModel.cs 类。

有人可以解释一下吗？

谢谢，

格兰特

Answer 1

如果树视图和详细信息都显示相同的对象（即树视图的 ItemsSource 包含您想要在自定义控件中数据模板的对象），那么您应该能够在两个控件共享的基础 ViewModel 上设置一个属性并使自定义控件显示与数据模板相关的内容。

例如，在ViewModel中：

object TreeViewSelectedItem
{
    get{ return _treeViewSelectedItem;}
    set {_treeViewSelectedItem = value; NotifyPropertyChanged("TreeViewSelectedItem");}
}

Treeview xaml

<TreeView ... SelectedItem={Binding TreeViewSelectedItem Mode=OneWayToSource}".../>

自定义控件xaml

<UserControl>
    <Control.Resources>
        <DataTemplate DataType="{x:Type Plane}">
        ....
        </DataTemplate> 
        <DataTemplate DataType="{x:Type Train}">
        ....
        </DataTemplate>
        <DataTemplate DataType="{x:Type Automobile}">
        ....
        </DataTemplate>
    </Control.Resources>

    <ContentControl Content={Binding TreeViewSelectedItem}"/>
</Usercontrol>