首页 / C# / .NET CORE(C#) WPF 抽屉式菜单

.NET CORE(C#) WPF 抽屉式菜单

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了.NET CORE(C#) WPF 抽屉式菜单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7198字，纯文字阅读大概需要11分钟。

内容图文

微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言，
如果对您有所帮助：欢迎赞赏。

.NET CORE(C#) WPF 抽屉式菜单

阅读导航

本文背景
代码实现
本文参考
源码

1. 本文背景

使用简单动画实现抽屉式菜单

技术分享图片

2. 代码实现

使用 .NET CORE 3.1 创建名为 “AnimatedColorfulMenu” 的WPF模板项目，添加1个Nuget库：MaterialDesignThemes，版本为最新预览版3.1.0-ci948。

解决方案主要文件目录组织结构：

AnimatedColorfulMenu
- App.xaml
- MainWindow.xaml

2.1 引入样式

文件【App.xaml】，在 StartupUri 中设置启动的视图【MainWindow.xaml】，并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件：

        <Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml" />
            <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

2.2 演示窗体布局

文件【MainWindow.xaml】，代码不多，主要看左侧菜单，启动时，菜单在显示窗体左侧-150位置；点击展开菜单，使用简单的动画，慢慢呈现在显示窗体左侧，源码如下：

        <Window x:Class="AnimatedColorfulMenu.MainWindow"
        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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        mc:Ignorable="d" Height="600" Width="1080" ResizeMode="NoResize" 
        WindowStartupLocation="CenterScreen" WindowStyle="None">
    <Window.Resources>
        <Storyboard x:Key="CloseMenu">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="GridMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="150"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="GridBackground">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="OpenMenu">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="GridMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="150"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="GridBackground">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonClose">
            <BeginStoryboard x:Name="CloseMenu_BeginStoryboard" Storyboard="{StaticResource CloseMenu}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonOpen">
            <BeginStoryboard Storyboard="{StaticResource OpenMenu}"/>
        </EventTrigger>
    </Window.Triggers>
    <Grid>
        <Grid x:Name="GridBackground" Background="#55313131" Opacity="0"/>
        <Button x:Name="ButtonOpen" HorizontalAlignment="Left" VerticalAlignment="Top" Background="{x:Null}" BorderBrush="{x:Null}" Width="30" Height="30" Padding="0">
            <materialDesign:PackIcon Kind="Menu" Foreground="#FF313131"/>
        </Button>
        <!--左侧抽屉菜单，默认在显示窗体之外，点击菜单图标再通过简单的动画呈现出来-->
        <Grid x:Name="GridMenu" Width="150" HorizontalAlignment="Left" Margin="-150 0 0 0" Background="White" RenderTransformOrigin="0.5,0.5">
            <Grid.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Grid.RenderTransform>
            <StackPanel>
                <Image Height="140" Source="https://img.dotnet9.com/logo-foot.png" Stretch="Fill"/>
                <ListView Foreground="#FF313131" FontFamily="Champagne &amp; Limousines" FontSize="18">
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="Recycle" Width="20" Height="20" Foreground="Gray" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="回收" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="HelpCircleOutline" Width="20" Height="20" Foreground="#FFF08033" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="帮助" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="Lightbulb" Width="20" Height="20" Foreground="Green" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="发送反馈" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="Heart" Width="20" Height="20" Foreground="#FFD41515" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="推荐" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="StarCircle" Width="20" Height="20" Foreground="#FFE6A701" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="溢价认购" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="45" Padding="0">
                        <StackPanel Orientation="Horizontal" Margin="10 0">
                            <materialDesign:PackIcon Kind="Settings" Width="20" Height="20" Foreground="#FF0069C1" Margin="5" VerticalAlignment="Center"/>
                            <TextBlock Text="设置" Margin="10"/>
                        </StackPanel>
                    </ListViewItem>
                </ListView>
            </StackPanel>
            <Button x:Name="ButtonClose" HorizontalAlignment="Right" VerticalAlignment="Top" Background="{x:Null}" Foreground="#CCC" BorderBrush="{x:Null}" Width="30" Height="30" Padding="0">
                <materialDesign:PackIcon Kind="Close"/>
            </Button>
        </Grid>
    </Grid>
</Window>

3.本文参考

视频一：C# WPF Material Design UI: Animated Colorful Navigation Drawer，配套源码：AnimatedColorfulMenu。
C# WPF开源控件库《MaterialDesignInXAML》

4.源码

效果图实现代码在文中已经全部给出，可直接Copy，按解决方案目录组织代码文件即可运行。

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

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

欢迎扫描下方二维码关注 Dotnet9 的微信公众号，本站会及时推送最新技术文章

时间如流水，只能流去不流回！

点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！

此刻顺便为我点个《【再看】》可好？

原文：https://www.cnblogs.com/dongshenjun/p/12744885.html

内容总结

以上是互联网集市为您收集整理的.NET CORE(C#) WPF 抽屉式菜单全部内容，希望文章能够帮你解决.NET CORE(C#) WPF 抽屉式菜单所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1066377.html

来源：【匿名】

【上一篇】（c#）拼写单词【下一篇】assemblyinfo.csC#Assembly类访问程序集信息

更多 ►

【.NET CORE(C#) WPF 抽屉式菜单】教程文章相关的互联网学习教程文章

使用 EPPlus 封装的 excel 表格导入功能 (.net core c#)【代码】【图】

使用 EPPlus 封装的 excel 表格导入功能前言最近做系统的时候有很多 excel导入的功能，以前我前后端都做的时候是在前端解析，然后再做个批量插入的接口我觉着这样挺好的，后端部分可以做的很简单(很偷懒的)但是因为各种各样的原因，最终还是需要做个专门的 excel导入接口遇到的问题由于之前从来没有在后端部分处理过表格，所以我选择看一下同事的代码是怎么写的虽然我之前没写过相关的业务，但是直觉的认为这样写非常麻烦，那个 ...

C#获取类以及类下的方法(用于Asp.Net MVC)【代码】

在开发MVC项目中遇到的问题，做权限控制时，通过MVC的过滤器来实现，所以在分配权限时希望获取到所有的控制器和Action方法，通过查找资料，参考了《Asp.Net MVC框架揭秘》，最终实现。在C#中，实现动态获取类和方法主要通过反射来实现，要引用System.Reflection。public ActionResult GetControllerAndAction()List<Type> controllerTypes = new List<Type>(); //创建控制器类型列表var assembly = Assembly.Load("MySoft.UI");...

c# .net core List分页加排序【代码】

int total = 0; //获取数据总数total = result.Count();//判断是否需要排序if (!string.IsNullOrEmpty(real.sortName) && (!real.sortType.ToLower().Equals("desc") || !real.sortType.ToLower().Equals("asc"))){ //自定义接收数据实体类List<Returnlist> infoList = result.Skip((real.pageIndex - 1) * real.pageSize).Take(real.pageSize).ToList();infoList.Sort(delegate (Returnlist in...

网易云信IM C#.Net请求、操作网易云通信ID【代码】

没啥技术含量就不写其他的了直接上代码using System; using System.Collections.Generic; using System.Configuration; using System.IO; using System.Linq; using System.Net; using System.Security.Cryptography; using System.Text; using System.Threading.Tasks;namespace WXL_IM.Util {public class IMUtil{#region 服务器操作URL// 创建【网易云通信ID】的Url// 参数类型必须说明// accid String 是 ...

[.NET] 《Effective C#》读书笔记（二）- .NET 资源托管【代码】【图】

《Effective C#》读书笔记（二）- .NET 资源托管简介　　续《Effective C#》读书笔记（一）- C# 语言习惯。　　.NET 中，GC 会帮助我们管理内存，我们并不需要去担心内存泄漏，资源分配和指针初始化等问题。不过，它也并非万能，因为非托管资源需要我们自己进行清理，如文件句柄、数据库连接、GDI+ 对象和COM 对象等。目录十二、推荐使用成员初始化器而不是赋值语句十三、正确地初始化静态成员变量十四、尽量减少重复的初始化逻...

ASP.NET C# 跨平台开发 Windows Linux OSX【图】

在本周热点中有一条是"TIOBE编程语言排行榜，Java 重回榜首"，使用Java语言的一个最大好处是可以到处移植，特别在今天这个到处是云主机的时代，而云主机基本上跑的是Linux等类Unix系统，C#用户突然发现最近两年网络上的各种新玩具都与ASP.NET无关，ASP.NET当然也意识到这点，搞了个ASP.NET vNext (ASP.NET 5)进行跨平台设计，它的跨平台层采用的是Mono，其实Mono一直在提供ASP.NET的跨平台方案，在ASP.NET 5还不清楚什么时候稳定时...

C#操作Xml：XSLT语法在.net中使用XSLT转换xml文档示例【图】

XSL即可扩展的样式表文件。可以格式化xml的显示，也可以将xml转换成需要的另一种格式。学习XSL必须熟悉XPath。XSL和XPath一样简单强大，容易学习。1. XSL既然可以格式化xml的显示样式，我们先来看如何在xml中引用xsl文件如下代码示例：<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="url.xsl"?>只需在xml文件的文档声明后面添加<?xml-stylesheet type=”text/xsl” href=”url.xsl”?>即可2. XSL...

[.NET开发] C# 如何创建Excel多级分组

要设置显示或者隐藏分类数据下的详细信息，在便于数据查看、管理的同时也使文档更具美观性。那么，在C#中如何来创建Excel数据的多级分组显示呢?下面将进行详细阐述。方法中使用了免费版组件Free Spire.XLS for .NET，下载安装该组件，创建一个控制台应用程序后，添加引用该组件安装包下的dll文件到项目中，同时添加相应的命名空间即可。下面是具体的代码操作步骤，供参考。步骤一：创建一个Wordbook类对象,获取第一个工作表Workboo...

从今天开始正事学习C#和.Net了

从今天开始正事开始学习C#语言了，本来我是不会学习C#的但现在.Net主流还是用C#进行开发，而且我以后有点想Unity3D发展Unity3D也支持C#。而且现在我的课正好也有C#和.Net正好好好学习一下这个，将来多一项技能总是不错的。　　从今天开发每天一课学习C#和.Net就用传智播客的视频教程，现在看了一课讲的还很不错知道了不少的东西。那上面都划好了每天多少的内容了，我正好照着上面好好学习天天向上。今天11月份就要毕业了我的时间也...

.NET/C#中对自定义对象集合进行自定义排序的方法

一个集合可否排序，要看系统知不知道排序的规则，像内建的系统类型，int ,string,short,decimal这些，系统知道怎么排序，而如果一个集合里面放置的是自定义类型，比如自己定义了一个Car类型，要把它排序，系统是不知道怎么办的。那么，如何告知系统排序的规则呢？有以下几种方法：1：对类实现IComparable接口，示例如下：[csharp] view plain copy print?using System; using System.Collections.Generic; using System.Linq; ...

C# 页面抽奖实例 asp.net【代码】

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="Scripts/jquery-1.10.2.min.js"></script><title>LuckyDraw</title><style>/*reset css*/body {font-size: 0.8em;letter-spacing: 1px;font-family: "微软雅黑";line-height: 1.8em;}div, h2, p, ul, li {margin: 0;padding: 0;}h1 {font-size: 1em;font-we...

在C#中使用.NET SDK创建控制【代码】

下载示例工程 - 8 Kb介绍在这篇教程中，我将使用.NET架构创建一个简单的时钟控制示例，这个控制是一个显示当前时间的时钟，我将指导读者实现秒针并显示钟点数。文章加亮处是创建这个控制的关键点，读者可以参考其中的代码。创建一个控制的最快的方法是从这里拷贝一个控制示例代码：..Program FilesNGWSSDKSamplesQuickStartwinformssamplesCsWritingControlshelloworldcontrol将目录拷贝到 MyControl目录..Program FilesNGWSSDKSam...

【转载】C#.NET WebApi返回各种类型(图片/json数据/字符串)，.net图片转二进制流或byte【代码】

C#.NET WebApi返回各种类型(图片/json数据/字符串)，.net图片转二进制流或byte转载：http://www.itdos.com/Mvc/20150302/0741255.htmlusing System.IO; ///<summary>/// WebApi返回图片 ///</summary>public HttpResponseMessage GetQrCode() { var imgPath = @"D:\ITdosCom\Images\itdos.jpg"; //从图片中读取byte var imgByte = File.ReadAllBytes(imgPath); //从图片中读取流 var imgStream = new MemoryStream(File...

(c#.net)前端js图片压缩将得到的base64字符串保存为图片【代码】【图】

C# .NET MVC 接收 JSON ,POST，WCF 无缝隙切换【代码】

用来与HTTP 模式的WCF 无缝隙切换。服务端是MVC。在Home/About 上面加 [HttpPost]。读取Request.InputStream 中所有内容。然后返回JSON给客户端：return Json(c1);。 [HttpPost]public ActionResult About(){string dfCharSet = "utf-8";if (Request.QueryString["charset"] != null)dfCharSet = Request.QueryString["charset"];Encoding ec = Encoding.GetEncoding(dfCharSet);string inStr = string.Empty;using (StreamReader...

C# - 技术教程分类

C# 教程 C# 简介 C# 环境 C# 程序结构 C# 基本语法 C# 数据类型 C# 类型转换 C# 变量 C# 常量 C# 运算符 C# 判断 C# 循环 C# 封装 C# 方法 C# 可空类型 C# 数组（Array） C# 字符串（String） C# 结构体（Struct） C# 枚举（Enum） C# 类（Class） C# 继承 C# 多态性 C# 运算符重载 C# 接口（Interface） C# 命名空间（Namespace） C# 预处理器指令 C# 异常处理 C# 特性（Attribute） C# 反射（Reflection） C# 属性（Property） C# 索引器（Indexer） C# 委托（Delegate） C# 事件（Event） C# 集合（Collection） C# 泛型（Generic） C# 匿名方法 C# 不安全代码 C# 多线程 c# 全部

C# - 最热教程

c#编程连接oracle数据库无法加载DLL(oc...一个适合新手C#程序员编写练习的小项目...C# 异步UDP发送接收数据 C#程序执行时间长和慢查询解决：线程并...c# aspose操作word文档 C#继承讲解以及对象的创建 jquery+ajax+C#实现无刷新操作数据库数...C#精髓 GridView72大绝技学习gridview...c# static的全部用法收集整理 js模拟实现类似c#下的hashtable的简单功...

首页 / C# / .NET CORE(C#) WPF 抽屉式菜单

.NET CORE(C#) WPF 抽屉式菜单

内容导读

内容图文

.NET CORE(C#) WPF 抽屉式菜单

1. 本文背景

2. 代码实现

2.1 引入样式

2.2 演示窗体布局

3.本文参考

4.源码

内容总结

内容备注

内容手机端

【.NET CORE(C#) WPF 抽屉式菜单】教程文章相关的互联网学习教程文章

C# - 技术教程分类

C# - 最新教程

C# - 最热教程