设置
  • 日夜间
    随系统
    浅色
    深色
  • 主题色

IT之家学院:使用AcrylicBrush快速创建Win10 UWP流畅设计

2017/7/23 22:05:08 来源:IT之家 作者:鸢一雨音 责编:骑士
感谢IT之家网友 软媒用户1345881 的线索投递!

感谢IT之家网友 鸢一雨音 的原创投稿

一段时间之前,我已经投稿两篇,分别讲述了如何实现流畅设计下的Material和Motion,但那是在Win10 SDK Build 16190之前。微软发布了Windows10 SDK Build 16190之后,新加入了一个笔刷:AcrylicBrush(亚克力笔刷)。

这个笔刷能让开发人员更快地创建透明的应用背景、方便地调整透明值以及颜色,不再需要一个单独的UIElement来承载透明的背景。

注意:以下实例均在Win10 SDK Build 16232版本下实现。

简单实例:

创建一个空白的UWP应用程序,目标SDK应该改为等于或高于16190的版本。鉴于AcrylicBrush使用起来非常方便,我们的例子不会涉及到C#代码,而仅仅是XAML层面的内容。

修改XAML代码如下:

其中:重要的就是这个名为AcrylicBrush的笔刷。我们像使用其它笔刷一样使用它,它拥有若干个重要的属性,其中BackgroundSource属性只能从枚举值HostBackdrop和Backdrop中选取,它们分别表示这个亚克力笔刷的源来自应用下的背景还是控件下的背景。TintColor则是亚克力的颜色,TintOpacity决定了亚克力的透明程度。我们执行代码,观察效果:

我们仅仅使用XAML就实现了接近完整的流畅设计光照和材质效果。

总结:AcrylicBrush是微软为流畅设计体系作准备的一个新内容。它的出现意味着不会有新的专门的控件来支持流畅设计体系,而要求开发者合理为自己原有的控件应用AcrylicBrush笔刷。但是控件会不会自动应用这个笔刷还是未可知的,不过这种使用笔刷的方式要比我的前面几篇文章讲过的使用C#代码的方式方便很多,虽然效率可能并没有提升。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

软媒旗下网站: IT之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 魔方 云日历 酷点桌面 Win7优化大师 Win10优化大师 软媒手机APP应用