C# WPF 简单自定义菜单切换动画

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

内容目录

实现效果

业务场景

编码实现

本文参考

源码下载

1.实现效果

自定义菜单切换动画

2.业务场景

菜单切换动画

3.编码实现

3.1 添加Nuget库

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

MaterialDesign控件库 

3.2 工程结构

只修改了App.xaml(添加MD控件样式)和MainWindow.xaml(主窗口实现效果)。

3.3 App.xaml引入MD控件样式

            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

            xmlns:local="clr-namespace:CustomMenu"

            StartupUri="MainWindow.xaml">

   

       

           

               

               

           

           

           

           

           

           

           

           

           

           

           

       

   

3.4 主窗体 MainWindow.xaml

添加菜单、设置菜单项切换动画等:

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:CustomMenu"

        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

        mc:Ignorable="d"

        Title="MainWindow" Height="600" Width="1080" Background="#FF292929" ResizeMode="NoResize" WindowStyle="None"

        WindowStartupLocation="CenterScreen">

   

       

           

                                          Storyboard.TargetName="ellipse">

               

                   

                       

                   

               

           

       

       

           

                                          Storyboard.TargetName="ellipse">

               

                   

                       

                   

               

           

       

       

           

                                          Storyboard.TargetName="ellipse">

               

                   

                       

                   

               

           

       

   

   

       

           

       

       

           

       

       

           

       

   


   

       

           

           

       

       

           

               

               

           

       

       

           

               

               

           

           

               

               

               

           

           

               

               

                        RenderTransformOrigin="0.5 0.5">

                   

                       

                           

                           

                           

                           

                       

                   

               

           

       

   

4.本文参考

Design com WPF大神的学习视频:CustomMenu

开源控件库:MaterialDesignInXamlToolkit

本站对MD开源控件库的介绍:控件介绍

5.代码下载

Github源码下载:下载

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

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

你可能感兴趣的:(C# WPF 简单自定义菜单切换动画)