在上一篇文章中https://www.cnblogs.com/lizhiqiang0204/p/12367553.html我们使用按键Button来切换界面的,这次我们使用自定义的ItemsControl数据模板来切换页面。MainWindow.xaml如下
<Window.DataContext>
<local:MainWindowVeiwModel></local:MainWindowVeiwModel>
</Window.DataContext>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Border Grid.Column ="0" BorderThickness="3" BorderBrush="Gray" >
<ScrollViewer Grid.Row="2">
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid Style="{StaticResource MenuItemGrid}">
<Border MouseDown="UIElement_OnMouseDown" Style="{StaticResource MenuItem}" Background="{Binding BackColor}" >
<TextBlock Grid.Row="0" Grid.Column="1" Style="{StaticResource H5}" Text="{Binding Title}"/>
</Border>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
</Border>
<Border Grid.Column ="1" BorderBrush="Gray" BorderThickness="3" >
<ContentPresenter Content="{Binding Content}"/>
<!--使用内容呈现器来显示用户控件界面-->
</Border>
</Grid>