如何动态高速缓存使用的DataTemplates

Question

（我用GalaSoft.MvvmLight框架）

我在MainWindow.xaml一些看法，我在它们之间动态地在运行时切换，由用户选择切换由视图模型，第一种方法的意见。

MainWindow.xaml使用

... 
<Window.Resources> 
     <DataTemplate DataType="{x:Type vm:Control1ViewModel}"> 
      <v:Control1/> 
     </DataTemplate> 
    ... // Assume there is more then one DataTemplate. Every view has a unique view-model. 
</Window.Resources> 
... 

Control1ViewModel.cs

public class Control1ViewModel : ViewModelBase 
{ 
    ... 
} 

的MainWindow.xaml：

使用以下技术与它们的对应视图模型结合这些观点以下技术之间切换上述E观点：

MainWindow.xaml

... 
<ContentControl Content="{Binding CurrentView}"/> // This is were the view appears. 
... 

MainViewModel.cs

public class MainViewModel : ViewModelBase 
{ 
    ... 
    private ViewModelBase _currentView; 
    public ViewModelBase CurrentView 
    { 
     get { return _currentView; } 
     private set 
     { 
      _currentView = value; 
      base.RaisePropertyChanged("CurrentView"); 
     } 
    } 
    ... 
} 

为方便起见，我并没有增加更多的控制，只是把一个（Control1）缩短问题代码部分。如上所述，假设有多个视图切换。

每次的CurrentView属性用新ViewModelBase值（例如Control1ViewModel）设置，WPF将构建绑定的视图DataTemplate视觉树对象的一个新实例，所以旧将会丢失。

这意味着我不能在它们之间切换时缓存视图（例如Control1）。

我已经找到我的答案，唯一的解决办法是“硬编码”，其视图模型视图（使用的DataContext），但是遵循这个解决方案波纹管发生了：

• 我打破视图模型优先方法。
• 为了不中断完整的MVVM，我必须更改CurrentView签名并将其移至我的MainWindow.xaml后面的代码。
• 而不是切换ViewModelBase类型，我切换具体控件。

我想知道是否有没有“硬编码的”与视图模型视图的任何解决方案，这样我就可以保持当前ViewModelBase开关和视图模型优先的方法。

Answer 1

可以有以下方法：

1. 而不是采取ContentControl采取ItemsControl

<ItemsControl ItemsSource="{Binding Views}" SelectedItem="{Binding CurrentView}"/>

采取ItemsControl的ItemsPanel如一个Grid并为SelectedItem设置Z-Index为1并为其余项目s将Z-Index设置为0.以这种方式，只有一个视图在其他视图上可见。

在MainViewModel中取两个属性。 Views类型ObservableCollection<ViewModelBase>和CurrentView类型ViewModelBase并分别与ItemsControls的ItemsSource和SelectedItem绑定。

现在当你想打开一个视图，创建一个ViewModel，将它添加到视图列表并将其设置为一个CurrentView。如果它已经在列表中，只需将其设置为当前视图。

如果您希望它永久关闭，还可以提供关闭按钮。即如果您关闭它，它将从列表中移除并且不会被缓存。

这会像在窗口中打开不同视图一样工作，您可以在它们之间切换。如果你想要，你可以关闭一个视图。

编辑： 请参见下面的代码：

  <ItemsControl ItemsSource="{Binding Views}"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <Grid Margin="10,10,0,10"> 
         </Grid> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 

       <ItemsControl.ItemContainerStyle> 
        <Style> 
         <Setter Property="Grid.Opacity" Value="{Binding ZIndex}"/> 
         <Setter Property="Grid.ZIndex" Value="{Binding ZIndex}"/> 
        </Style> 
       </ItemsControl.ItemContainerStyle> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <ContentControl Content="{Binding}"/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 

在这里你可以看到，在你的ViewModel你必须有一个属性ZIndex，这将被用来显示在顶部的当前观点。因此，只要您想要显示视图，只需将ViewModel的ZIndex属性设置为1并将重置视图重置为0.