Don't create new view each time with DataTemplate/DataType
我有这样的事情:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <Window> <Window.Resources> <DataTemplate DataType="{x:Type local:VM1}"> <!-- View 1 Here --> </DataTemplate> <DataTemplate DataType="{x:Type local:VM2}"> <!-- View 2 here --> </DataTemplate> <Window.Resources> <ContentPresenter Content="{Binding}"/> </Window> |
这会在我绑定不同的视图模型时自动换出视图,非常方便。
但是,我有一个带有选项卡控件和许多子视图的视图。每个子视图都有几个由自定义 xml 文件(复杂业务案例)配置的可视化部分。每次创建此视图时,都会解析 xml 文件,这会导致一小段(1-2 秒)延迟。延迟足够烦人并让 UI 感觉迟钝。
有没有办法在每次绑定视图模型时使用 DataTemplate 模式而不破坏和重新创建视图?如果可能,我宁愿不更改视图模型。
对于这种情况,最简单的解决方案是让两个视图始终存在并更改哪个视图可见。您可以使用转换器根据数据上下文的类型更改可见性
1 2 | <View1 Visibility="{Binding Converter={StaticResource TypeToVisibilityConverter, ConverterParameter=VM1}" /> <View2 Visibility="{Binding Converter={StaticResource TypeToVisibilityConverter, ConverterParameter=VM2}" /> |
并且转换器将检查类型是否与参数匹配以返回 Visible,否则返回 Collapsed。
您可以将您的虚拟机package到一个额外的类中。您的 DataTemplates 将决定 Wrapper 类的类型,但真正的实现将通过此 Wrapper 的属性公开。当此属性发生更改时,不会重新加载 DataTemplate,但将刷新所有绑定。
package类:
1 2 3 4 5 6 7 8 9 | public class WrapperVM1:INotifyPropertyChanged { public Content VM1 { get{...} set{...} } } public class WrapperVM2:INotifyPropertyChanged { public Content VM2 { get{...} set{...} } } |
现在您的数据模板将描述package类表示:
1 2 3 4 5 6 7 | <DataTemplate DataType="{x:Type local:WrapperVM1}"> <TextBlock Text={Binding Content.SomPropertyInVM1}"/> </DataTemplate> <DataTemplate DataType="{x:Type local:WrapperVM2}"> <TextBlock Text={Binding Content.SomPropertyInVM2}"/> </DataTemplate> |
如您所见,如果将package器的 Content 属性替换为新的 VM 实例,则不会重新创建视图,但所有绑定都会更新。但是,如果您需要切换到其他类型的 VM,则必须将 Wrapper 类替换为适当的 Wrapper。