Строка заголовка с плавной системой проектирования - UWP App

Question

Я разрабатываю новое приложение UWP с Fluent Design System, и я хочу, чтобы мой фон с акриловым материалом, и я использую <Grid Background="{ThemeResource SystemControlBaseHighAcrylicWindowBrush}"> Я также хочу, чтобы строка заголовка моего приложения UWP была прозрачной (с Fluent Design System), и я использую это:

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
2. Настройка строки заголовка