如何仅在UWP中将AcrylicBrush添加到工具栏

Question

仅在UWP中（仅与Microsoft Edge一样）如何使丙烯酸材料应用于TitleBar。在“数据透视”等场景中。您可以使用将视图扩展到标题栏。但是，如果它只是一个普通的单页应用程序，并且您想要使标题栏为丙烯酸

Answer 1

  

您使用将视图扩展到标题栏。但是，如果它只是一个普通的单页应用程序，并且您想要使标题栏为丙烯酸

您的理解是正确的。对于标题栏丙烯酸，它仅适用于单页。对于Edge设计，它将TitleBar ButtonBackgroundColor，ButtonInactiveBackgroundColor设置为透明。并将ExtendViewIntoTitleBar属性设置为true可将您的内容扩展到TitleBar。然后将相同高度的丙烯酸元素放置在底部区域。

private void ExtendAcrylicIntoTitleBar()
{
    CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;
    CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged += (s,e) => {
       Header.Height = s.Height;
   };

    ApplicationViewTitleBar titleBar = ApplicationView.GetForCurrentView().TitleBar;
    titleBar.ButtonBackgroundColor = Colors.Transparent;
    titleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
}

<Rectangle Name="Header"
Stretch="UniformToFill" 
Fill="{ThemeResource SystemControlChromeHighAcrylicWindowMediumBrush}" 
VerticalAlignment="Top"/>