打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【WPF开源控件库】Material Design in XAML Toolkit
最近无意间发现了一个WPF开源控件库,还是挺流行的Material Design风格的。
官网地址:http://materialdesigninxaml.net/
GitHUb地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit
DemoApp地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases
官方入门指导:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Getting-Started
记录下自己的配置过程
集成配置过程:
1.安装控件库
管理NuGet程序包:搜索MaterialDesign 和ShowMeTheXAML,Material Design In Xaml Toolkit 需要依赖这两个包,安装好。
image
image
安装完成后,在引用中还可以看到因为依赖关系,装了另外一个包MaterialDesignColors,这个后面要用到关于色彩的。
image
2.配置App.xaml
首先,需要添加一个主题(Light或者Dark):
Light theme:
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
Dark theme:
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Dark.xaml" />
然后需要加载MaterialDesignTheme.Defaults.xaml这个文件,这其中包含了所有的控件样式:
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
最后需要添加色彩,定义两个调色板:Primary和Accent,加入下面的代码:
<ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.COLOR_NAME.xaml" /><ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.COLOR_NAME.xaml" />
其中将COLOR_NAME换成你想要的任意颜色。想知道有哪些颜色可以查看MaterialDesignColors 项目的 Primary 和 Accent文件夹。
那这样配置完成后,你的App.xaml文件现在应该长这样:
image
3.窗体配置
在需要使用控件的窗体、页面等文件中引入控件集名字空间
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
4.使用控件
打开从GitHub上下载的DemoApp,找到MaterialDesignDemo.exe文件,并运行。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
wpf开源控件MahApps.Metro
C# WPF遮罩对话框(Popup Message Overlay/ Dialog Host)
闲话WPF之二五(WPF中的ControlTemplate [3])
WPF——如何为项目设置全局样式。
WPF 中的 Pack URI
Microsoft Silverlight (WPF/E) 微软的“Flash”
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服