uwp应用和普通应用的区别 uwp应用是啥

前言

在之前关于如何使用流畅设计系统的文章中，我们已经简要介绍了揭示的方案，本文将更详细地讨论其他方面。

自从Windows 8放弃了Aero界面后，用户对毛效果玻璃回归的需求一直非常强烈。流畅设计系统引入了新的透明背景亚克力，提供了更好的性能和更时尚的外观。（然而，由于使用简单，补亚克力的情况似乎已成功。）使用亚克力

2.1在XAML中使用亚克力

UWP提供了一组预定义的亚克力画笔供开发者使用，通过ThemeResource包含找到“亚克力”的画笔资源即可轻松在应用中使用亚克力，如下：lt；grid background=quot；{ThemeResource SystemControlAcrylicElementBrush}quot；gt；lt；/gridgt；登录后复制

可用的ThemeResource参见官方文档：

亚克力具体包含以下两个：

背景亚克力：可以透视整个应用UI，看到应用表单后的其他应用或桌面（在ThemeResource中名称包含-AcrylicWindow-）。

应用内亚克力：只透视应用了亚克力画笔的元素（在ThemeResource中名称包含-AcrylicElement-）。

Widget或轻量级应用可以将整个应用的背景设置为Acrylic，就像外汇那样：

应用内Acrylic的应用场景通常是弹出的模态层或Flyout的背景：

自定义AcrylicBrush

可以使用TintColor（颜色）、TintOpacity（不透明度）、BackgroundSource（背景或应用内亚克力类型）、FallbackColor这四个属性来自定义AcrylicBrush。lt；amicbrush backgroundsource=”；HostBackdrop”；tintcolor=”；#FF1F1F1F”；tintopacity=”；0.8”；x：key=”；CustomAcrylicBackgroundBrush”；gt；lt；/rylbrushgt；lt；丙烯酸画笔backgroundsource=”；Backdrop”；tintcolor=”；#FF1F1F1F”；tintopacity=”；0.8”； x：key=quot；CustomAcrylicInAppBrushquot；gt；lt；/amicbrushgt；登录后复制

其中FallbackColor是指当背景亚克力不生效时（如运行于节电模式、根据设置不激活Acrylic或运行于XBOX等设备）的替代颜色。

当出现非激活状态时又使用FallbackColor代替AcrylicBrush。boardmix博思白板

boardmix博思白板，一个团队发起协作并激发创意的空间，集aigc，一键PPT，思维导图，文档笔记在一体表达多种创意能力，将团队工作效率提升到新的层次。39查看详情

Acrylic与Depth

在Fluent Design系统的五个话题中，亚克力同时属于材质和深度话题。半透明的背景可以透视到Z轴下一层的内容，从而造成出深度的效果。

具体来说，可以在应用内将弹出的模态层背景设为应用内亚克力，并结合ScalarAnimation制作出内容统一缩退的感觉：lt；网格高度=”；600”；宽度=”；800”；gt； lt；scrollviewer Horizo​​ntalAlignment=”；Center”；horizo​​ntalscrollbarvisibility=”；Hidden”；verticalalignment=”；Center”； Verticalscrollbarvisibility=”；隐藏”；gt； lt；图像高度=”；600”； source=”；ms-appx：///Assets/IMG_20180115_182131.jpg”； width=”；800”；gt； lt；interaction.behaviorsgt； lt；缩放 centerx=”；400”； centery=”；300”；持续时间=”；500”；scalex=”；1.1”； scaley =“；1.1”； x：名称=“；ImageScale”；gt；lt；/scalegt； lt；/interaction.behaviorsgt； lt；/imagegt； lt；/scrollviewergt； lt；网格背景=“；{StaticResource ModalAcrylicInAppBrush}”； 可见性=“；Collapsed”； x：名称=“；ModalLayer”；gt； lt；implicit.showanimationsgt； lt；opacityanimation持续时间=“；0：0：1”； 从=“；0”； 到=“；1.0”；gt；lt；/opacityanimationgt； lt；/implicit.showanimationsgt； lt；implicit.hideanimationsgt； lt；scalaranimation持续时间=“；0：0：1”； 目标=“；Opacity”； 到=“；0.0”；gt；lt；/scalaranimationgt； lt；/implicit.hideanimationsgt； lt；/gridgt；lt；/gridgt；登录后复制 private void OnSave(object sender， RoutedEventArgs e){ ModalLayer.Visibility = Visibility.Visibl

e； ImageScale.ScaleX = 1； ImageScale.ScaleY = 1；}private void OnSaved(object sender， RoutedEventArgs e){ ModalLayer.Visibility = Visibility.Collapsed； ImageScale.ScaleX = 1.1； ImageScale.ScaleY = 1.1；}登录后复制

希望未来能看到更多为营造有深度的UI而使用的Acrylic，不要为了让UI闪闪发光就补补。其他

5.1 Acrylic没有生效及其他各种问题

在如何使用Fluent Design System （下）中详细介绍了Acrylic没有生效的各种情况，也介绍了正确使用Acrylic的方式及版本兼容代码，这里不再赘述。

5.2窗口一个非激活状态

当窗口一个非激活状态时，背景亚克力会失效并使用FallbackColor指定的纯色背景代替。有些应用在导航、弹出提示或最大化/还原时会让我们失去暂时的焦点，这样会导致使用了背景亚克力的位置（通常是整个导航菜单）意外地触发一下。这种情况如果清洗发​​生会很烦人，需要珍珠处理。实际上，亚克力不那么容易使用，而且很容易被故障，尤其是一些应用在整个背景上使用亚克力，但又处理不好内容的显示，导致文字等内容的识别率下降。如何正确使用微软提供的这件工具是值得设计师深思熟虑的一件事。

顺便一提，上篇关于用揭晓的部分到底打算简洁，结果很快就被移到首页了，真是难。于是这篇文章不知再多写一些，但昨晚家里的爱机突然坏了，看来连天都要阻止我婆婆妈妈。

参考内容中给出的链接都是一些有趣的，又出现了。

参考

亚克力材料

从 3D 到 2D 再回来 - Microsoft 设计

数字设计永无止境 - Microsoft 设计

如何在 Windows 10 创意者更新中使用 Acrylic Accent - Stack Overflow 源码

Fluent Design System示例

以上就是[UWP]使用Acrylic（亚克力）的详细内容，更多请关注乐哥常识网其他相关文章！ 相关标签： windows git idea app 工具 mac ai win 微软溢出 溢出背景 windows microsoft xbox ui 大家都在看：win7系统如何添加和管理windows文档技巧：教你启用Windows 11 2022更新的四项隐藏功能 win10怎么查看windows Defender的隔离区_win10查看defender隔离项目方法 windows蓝屏重启怎么解决 windows重启网络服务的命令是那个