当前位置:系统粉 >   IT资讯 >   微软资讯 >  IT之家学院:使用AcrylicBrush快速创建Win10 UWP流畅设计

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

时间:2017-07-23 来源:互联网 浏览量:

两篇,分别讲述了如何实现流畅设计下的Material和Motion,但那是在Win10SDK Build 16190之前。微软发布了Windows10SDK Build 16190之后,新加入了一个笔刷:AcrylicBrush(亚克力笔刷)。

这个笔刷能让开发人员更快地创建透明的应用背景、方便地调整透明值以及颜色,不再需要一个单独的UIElement来承载透明的背景,也能帮助开发人员实现流畅设计中,被称作“Lighting(光照)”的设计效果。

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

简单实例:

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

修改XAML代码如下:

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

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

IT之家学院:使用AcrylicBrush快速创建Win10 UWP流畅设计(2)IT之家学院:使用AcrylicBrush快速创建Win10 UWP流畅设计(3)IT之家学院:使用AcrylicBrush快速创建Win10 UWP流畅设计(4)

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

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

我要分享:

最新热门游戏

版权信息

Copyright @ 2011 系统粉 版权声明 最新发布内容 网站导航