c#winform悬浮窗的效果_.NETCORE(C#)WPF值得推荐的
动画菜单设计
:Dotnet9,⽹站:Dotnet9,问题或建议:请⽹站留⾔, 如果对您有所帮助:欢迎赞赏。
.NET CORE(C#) WPF 值得推荐的动画菜单设计
阅读导航
1. 本⽂背景
2. 代码实现
3. 本⽂参考
4. 源码
1. 本⽂背景
YouTube上⽼外的⼀个设计,站长觉得不错,分享给⼤家作为参考,抽屉菜单的动画做的⾮常不错。
运⾏起始界⾯:
站长运⾏操作⼀遍,录制了动画⼤家看看:
2. 代码实现
使⽤ .NET CORE 3.1 创建名为 “AnimatedMenu” 的WPF模板项⽬,添加1个Nuget库:MaterialDesignThemes,版本为最新预览版3.1.0-ci948。
解决⽅案主要⽂件⽬录组织结构:
AnimatedMenu
App.xaml
MainWindow.xaml
MainWindow.xaml.cs
2.1 引⼊样式
⽂件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加MaterialDesignThemes库的样式⽂件:
2.2 演⽰窗体
⽂件【MainWindow.xaml】,布局代码、动画代码都在此⽂件中,源码如下:
简单说明下:
1. "StackPanelMenu" 作为左侧菜单容器,默认是显⽰在窗体外,距离窗体左边缘-250,点击左上⾓菜单按钮图标可控制此容器的显⽰
与隐藏,注:菜单开关由两个按钮组成 "ButtonOpenMenu" 和 "ButtonCloseMenu"。
2. 左侧菜单项使⽤ "ListView" 进⾏布局,实际开发需要运⽤模板,使⽤MVVM做成动态菜单,⽅便扩展。
3. 中间的5张演⽰照⽚,也和2类似。直接使⽤Grid进⾏的布局,实际上都需要做成模板。
4. 抽屉菜单动画见 Window.Resouces 中的动画代码,展开抽屉菜单动画是 "OpenMenu",左侧菜单向右、向下移动,右侧展⽰区域
及个⼈信息概况界⾯同时也是向右、向下移动;关闭抽屉菜单动画是 "CloseMenu",动画移动⽅向与展开时相反(说的是废话),这段动画代码值得好好学习、复⽤。
⽂件【MainWindow.xaml.cs】,后台关闭窗体、抽屉菜单按钮切换、窗体移动等事件处理:
private void ButtonClose_Click(object sender, RoutedEventArgs e){    Application.Current.Shutdown();}private void ButtonOpenMenu_Click(object sender,
代码已全部奉上...
3.本⽂参考
1. 视频⼀:C# WPF Material Design UI: Animated Menu,配套源码:AnimatedMenu1。
2. C# WPF开源控件库《MaterialDesignInXAML》动漫网站设计源代码
4.源码
效果图实现代码在⽂中已经全部给出,站长⽅便演⽰,⽂中的图⽚使⽤的本站外链图⽚,代码可直接Copy,按解决⽅案⽬录组织代码⽂件
即可运⾏。
演⽰Demo下载
时间如流⽔,只能流去不流回!
点击《【阅读原⽂】》,本站还有更多技术类⽂章等着您哦

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。