标题栏与流畅的设计系统 - UWP应用程序

Question

我正在使用Fluent Design System开发一个新的UWP应用程序，我希望我的背景与丙烯酸材料和我使用<Grid Background="{ThemeResource SystemControlBaseHighAcrylicWindowBrush}">我也希望我的UWP应用程序的标题栏是透明的（与Fluent设计系统）我正在使用它：

var coreTitleBar = CoreApplication.GetCurrentView().TitleBar;
coreTitleBar.ExtendViewIntoTitleBar = true;

但最小化，最大化和关闭的屁股不会变得透明，为什么？

我希望我的应用程序的标题栏与Windows 10计算器相同！

Answer 1

您可以使用ApplicationViewTitleBar类的属性来执行此操作：

 var view = ApplicationView.GetForCurrentView();

 // active
 view.TitleBar.BackgroundColor = Color.FromArgb(255, 8, 87, 180);
 view.TitleBar.ForegroundColor = Colors.White;

 // inactive  
 view.TitleBar.InactiveBackgroundColor = Color.FromArgb(255, 8, 87, 180);
 view.TitleBar.InactiveForegroundColor = Colors.Black;

 // button
 view.TitleBar.ButtonBackgroundColor = Color.FromArgb(255, 8, 87, 180);
 view.TitleBar.ButtonForegroundColor = Colors.White;

 view.TitleBar.ButtonHoverBackgroundColor = Colors.Blue;
 view.TitleBar.ButtonHoverForegroundColor = Colors.White;

 view.TitleBar.ButtonPressedBackgroundColor = Colors.Blue;
 view.TitleBar.ButtonPressedForegroundColor = Colors.White;

 view.TitleBar.ButtonInactiveBackgroundColor = Colors.DarkGray;
 view.TitleBar.ButtonInactiveForegroundColor = Colors.Gray;

文档参考：

1. ApplicationViewTitleBar Class
2. Title bar customization