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

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

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

 

　为ItemsControl定义ListView UI布局的ItemTemplate，并指定MouseOver时DataTemplate的样式

ListView布局和样式

                   </DataTemplate>

　为ItemsControl定义CardView UI布局的ItemTemplate,同时定义MouseOver时DataTemplate的样式

CardView布局和样式

                                                                           </DataTemplate>

　定义运行时在ListView和CardView两种布局间切换的事件

切换UI布局

                }