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

Question

如何将丙烯酸材料应用于TitleBarUWP 中的唯一（就像 Microsoft Edge）。在像枢轴这样的场景中。您使用将视图扩展到标题栏。但是如果它只是一个普通的单页应用程序，你想把标题栏做成亚克力怎么办？

Answer 1

您使用将视图扩展到标题栏。但是如果它只是一个普通的单页应用程序，你想把标题栏做成亚克力怎么办？

你的理解是正确的。标题栏亚克力，只适用于单页。对于边缘设计，它设置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"/>