主要参考网址 官方的演示应用 系统自带的笔刷

坑挖好了,慢慢填
差不多就这么多了,有时间再写个好点的演示应用吧,官方的可调性太差


自定义一个Acrylic笔刷

在App.xaml中的Application.Resources属性下添加自定义笔刷

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary x:Key="Default">
            <AcrylicBrush x:Key="testAcrylicBrush"  />
        </ResourceDictionary>
    </ResourceDictionary>
</Application.Resources>

笔刷可用的属性有:

  • TintColor:颜色/色调覆盖层。指定 RGB 颜色值和 alpha 通道不透明度。
  • TintOpacity:色调层不透明度。
  • TintLuminosityOpacity:控制可从背景穿过 Acrylic 笔刷的饱和度的量。(在1903版本以上才能用)
  • BackgroundSource:指定使用背景 Acrylic(Hostbackdrop) 还是应用内 Acrylic(BackDrop) 的标记。
  • FallbackColor:在节电模式中替换 TintColor。 对于Background指定为背景 Acrylic时,当应用并非位于活动状态桌面窗口中或者应用正在手机和 Xbox 上运行时,FallbackColor也会替换 TintColor。


把标题栏也用上Acrylic

private void ExtendAcrylicIntoTitleBar()
{
    CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;
    ApplicationViewTitleBar titleBar = ApplicationView.GetForCurrentView().TitleBar;
    titleBar.ButtonBackgroundColor = Colors.Transparent;
    titleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
}

并在OnLunched()的 Window.Current.Activate();后调用
记得添加这几个命名空间

using Windows.UI.ViewManagement;
using Windows.ApplicationModel.Core;
using Windows.UI;

应用Acrylic

可以直接在属性窗口中设置
1
也可以使用 StaticResource testAcrylicBrush 字段来调用
如果你懒得写一个自己的笔刷的话也可以用系统自带
或者

中设置
也可以直接添加

<Page.Background>
    <AcrylicBrush 要设置的属性=""/>
</Page.Background>

建议遵循官网的设计标准