What UWP tool is used for Grove Music app header?

Question

I noticed in Windows 10's Groove Music application that it is using some sort of horizontal bar at the top of the screen to show the title on a small screen, but with larger screens the text is bigger. What UWP tool is being used for this?

Smaller screens

Larger screens

Answer 1

To get the same result you can

• use AdaptiveTrigger, (documentation at https://learn.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.AdaptiveTrigger?view=winrt-1904).
• attach to FrameworkElement.SizeChanged event (documentation at https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.frameworkelement.sizechanged?view=winrt-19041). In this case remember to unsubscribe from the event when your control is unloaded (use Unloaded event)

In both case you can change the TextBox Style property or the FontSize and FontWeight, or a combination.