现在是:
广告热线:  |  设为首页 | 加入收藏
登陆用户名:
密码:
您现在的位置连云港信息网 > 资讯 > >正文内容

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

来源: 发布时间:2020-11-20 04:33:31 阅读:-

微信公众号:Dotnet9,网站:Dotnet9,问题或建议,请网站留言; 如果您觉得Dotnet9对您有帮助,欢迎赞赏

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

内容目录

  1. 实现效果
  2. 业务场景
  3. 编码实现
  4. 本文参考
  5. 源码下载

1.实现效果

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

效果

2.业务场景

常规业务

3.编码实现

3.1 添加Nuget库

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

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

MaterialDesign控件库

3.2 工程结构

3个文件变动:

  1. App.xaml:添加MD控件样式
  2. MainWindow.xaml:主窗口实现效果
  3. 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;}

4.本文参考

Design com WPF 大神的学习视频:Responsive Layout and Menu Navigation Drawer
开源控件库:MaterialDesignInXamlToolkit
本站对MD开源控件库的介绍:控件介绍

5.代码下载

Github源码下载:ResponsiveLayout


除非注明,文章均由 Dotnet9 整理发布,欢迎转载。

转载请注明本文地址:https://dotnet9.com/6833.html

(正文已结束)

推荐阅读:安徽在线

免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!

网站简介 - 联系我们 - 营销服务 - XML地图 - 版权声明 - 网站地图TXT
Copyright.2002-2019 连云港信息网 版权所有 本网拒绝一切非法行为 欢迎监督举报 如有错误信息 欢迎纠正