C# WPF 响应式布局和抽屉式菜单导航

内容目录

实现效果
业务场景
编码实现
本文参考
源码下载

1.实现效果

效果

2.业务场景

常规业务

3.编码实现

3.1 添加Nuget库

使用 .Net Core 3.1 创建名为 “ResponsiveLayout” 的WPF解决方案，添加两个Nuget库：MaterialDesignThemes和MaterialDesignColors。

MaterialDesign控件库

3.2 工程结构

3个文件变动：

App.xaml：添加MD控件样式
MainWindow.xaml：主窗口实现效果
MainWindow.xaml.cs：主窗口后台实现抽屉菜单开和闭

3.3 App.xaml引入MD控件样式

关键样式引用代码

3.4 主窗体 MainWindow.xaml

全部代码，菜单及右侧布局

3.5 MainWindow.xaml.cs

关键代码，简单的菜单开、闭动画播放

private void Button_Click(object sender, RoutedEventArgs e){    if (MenuClosed)    {        Storyboard openMenu = (Storyboard)button.FindResource("OpenMenu");        openMenu.Begin();    }    else    {        Storyboard closeMenu = (Storyboard)button.FindResource("CloseMenu");        closeMenu.Begin();    }    MenuClosed = !MenuClosed;}