微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏。
.NET CORE(C#) WPF亚克力窗体
阅读导航 1. 本文背景 2. 代码实现 3. 本文参考 4. 源码
1. 本文背景
本文介绍使用FluentWPF控件库实现亚克力效果的窗体。
2. 代码实现
使用 .Net Core 3.1 创建名为 “AcrylicWindow” 的WPF模板项目,添加三个Nuget库:MaterialDesignThemes、MaterialDesignColors和FluentWPF,其中亚克力效果是由FluentWPF控件库实现的。
以下为三个库具体版本:
<?xml version="1.0" encoding="utf-8"?>
<packages>
<package id="FluentWPF" version="0.4.0" targetFramework="net461" />
<package id="MaterialDesignColors" version="1.1.2" targetFramework="net461" />
<package id="MaterialDesignThemes" version="2.4.1.1101" targetFramework="net461" />
</packages>
解决方案主要文件目录组织结构: - AcrylicWindow - App.xaml - MainWindow.xaml - MainWIndow.xaml.cs
2.1 引入样式
文件【App.xaml】,在StartupUri中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加MaterialDesignThemes和FluentWPF控件库的样式文件:
<Application
2.2 演示窗体布局
文件【MainWindow.xaml】,引入MaterialDesignThemes和FluentWPF控件库的命名空间,源码如下:
<Window
关键点说一下: 1. 作者源码中隐藏标题栏使用的【fw:AcrylicWindow.ShowTitleBar="False"】,站长使用 .NET CORE 3.1创建的项目提示该属性不存在,遂尝试敲打出【fw:AcrylicWindow.AcrylicWindowStyle="None"】属性替代,效果一样的; 2. fw:AcrylicWindow.Enabled 属性是是否启用亚克力效果的开关,设置为True,效果见上面演示动画;设置为False,效果图如下:
3. 演示窗体分为左右两部分,左侧设置Grid背景色“#01FFFFFF”,带有透明度才能看出亚克力效果,右侧Grid背景色设置为白色,方便左右对比。
后台代码【MainWindow.xaml.cs】实现鼠标左键拖动窗体功能:
private
3.本文参考
- 视频一:C# WPF Design UI: Transparent/Acrylic Window,配套源码:AcrylicWindow。
4.源码
文中代码已经全部给出,可直接Copy代码,按解决方案目录组织代码文件即可运行,另附原作者视频及源码【见3.本文参考】、站长成功编译的Demo(点击下载->AcrylicWindow)。
除非注明,文章均由 Dotnet9 整理发布,欢迎转载。
转载请注明本文地址: https:// dotnet9.com/7372.html
欢迎扫描下方二维码关注 Dotnet9 的微信公众号,本站会及时推送最新技术文章
http://weixin.qq.com/r/UETq8gvErVbSrU_R9xFC (二维码自动识别)
时间如流水,只能流去不流回!
点击【阅读原文】,本站还有更多技术类文章等着您哦,此刻顺便为我点个“再看”可好?