WPF案例 (六) 动态切换UI布局

原文:WPF案例 (六) 动态切换UI布局 　这个Wpf示例对同一个界面支持以ListView或者CardView的布局方式呈现界面，使用控件ItemsControl绑定数据源，使用DataTemplate为ItemsControl分别预定义了ListView和CardView的样式，在程序运行时，可在这两种Layout之间互相切换，界面如下。源代码在这里下载

切换UI布局

1 private void ViewMode_SelectionChanged(object sender, SelectionChangedEventArgs e)
2 {
3 if (!Selector.GetIsSelectionActive(this.ViewMode))
4 return;
5 if (ViewMode.SelectedIndex == 0)
6 {
7 this.itemsControl.ClearValue(ItemsControl.StyleProperty);
8 this.itemsControl.ItemTemplate =
9 this.FindResource("listViewDataTemplate") as DataTemplate;
10 }
11 else
12 {
13 this.itemsControl.ItemTemplate =
14 this.FindResource("cardViewDataTemplate") as DataTemplate;
15 this.itemsControl.Style = this.FindResource("cardViewStyle") as Style;
16 }
17 }