CozyRSS开发记录2-酷炫的皮肤库

1、MaterialDesignToolkit

最开始微软推出Metro设计风格的时候,有人喜欢有人喷。紧接着,Ios也开始做扁平化的UI,这时候,扁平化已成为新的设计趋势。再往后,谷歌也推出了Material Design。

MaterialDesignToolkit是一个帮助桌面程序快速应用Material Design的库,并且它是开源的,github地址为:

https://github.com/ButchersBoy/MaterialDesignInXamlToolkit

2、nuget导入MaterialDesignToolkit

使用nuget来导入第三方库,比直接引入第三方库的代码或者二进制模块要好得多,关于nuget的用法和好处,网上也有不少文章介绍。

这里,使用VS来从nuget导入MaterialDesignToolkit,步骤如下:

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

操作完成后,引用里会多出两项。

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

并且会自动生存一个packages.config文件,内容如下:

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

3、酷炫的标题栏

导入MaterialDesignToolkit后,感觉是不是有点迫不及待想看到酷炫的界面效果?让我先用materialDesign:ColorZone来美化我们的标题栏。

A、在App.xaml中引入一些资源

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

B、在窗口的xaml中也引入一些资源

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

C、修改标题栏XAML如下:

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

这里,选用了PrimaryDark模式的ColorZone,并且将阴影开到最大。程序的执行效果很理想。

CozyRSS开发记录2-酷炫的皮肤库-LMLPHP

05-08 14:55