C# WPF过渡效果实现（C# WPF Material Design UI: Transitions）

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

点赞再看，养成习惯，这是您给我创作的动力！

本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。

阅读导航：

• 一、先看效果
• 二、本文背景
• 三、代码实现
• 四、文章参考
• 五、代码下载

一、先看效果

窗体移动

两个界面过渡效果

二、本文背景

YouTube  Design com WPF 大神处习得，闹钟与新增闹钟界面切换效果。

三、代码实现

3.1 添加Nuget库

站长使用.Net Core 3.1创建的WPF工程，创建“Transitions”解决方案后，需要添加两个Nuget库：MaterialDesignThemes和MaterialDesignColors，上图的效果是使用该控件库实现的，非常强大。

3.2 工程结构

3.3 App.xaml添加MD控件样式

添加4个样式

3.4 主窗体

MainWindow.xaml代码如下

简单讲解：

1)需要先添加MD控件命名空间

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

2)设置无边框窗体样式并拖动

ResizeMode="NoResize" 
        WindowStartupLocation="CenterScreen" 
        FontFamily="Microsoft YaHei UI Light"
        WindowStyle="None" MouseDown="Window_MouseDown"

窗体拖动方法

private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
    DragMove();
}

3)设置闹钟列表用户控件和新增闹钟用户控件动画排版

默认显示闹钟列表用户控件local:UserControlAlarms，动画切换时显示新增闹钟用户控件local:UserControlNewAlarm

3.5 闹钟列表用户控件

代码简单，就是简单展示

    
        
            
            
            
        
        
            
        
        
            
        
        
            
                
                    
                        05:01
                        关闭
                    
                    
                
            
            
                
                    
                        05:01
                        晴 | 7点48分后响铃
                    
                    
                
            
        
    

3.6 新增闹钟用户控件

代码也不多，简单控件布局

    
        
            
            
        
        
            
                新闹钟
            
        
        
            
            
        
    

四、文章参考

建议直接打开大神视频学习，他的YouTube上还有很多代码视频哦，参考：
Design com WPF： https://www.youtube.com/watch?v=Bt9swbh_Wfw 。

五、代码下载

文章中代码几乎已经全部贴出，就是这么多。

 

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

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

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

 

如有收获，请大力转发，给Dotnet9赞助和支持，谢谢大家对dotnet技术的关注和支持 。