Lets take a look at ways and tips to extend your app real estate into the Windows’s Title Bar and give your app a new look.

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

TitleBar.Height = coreTitleBar.Height;
Window.Current.SetTitleBar(MainTitleBar);

From EternalCoding

While doing that also take a look at Embed Titlebar into your UWP app from JuniperPhoton

10.png

Once you have reached this far, try to add some more polish to your app like some background blur transparent style window.

 using Windows.UI.Xaml.Hosting;

 //'this' is MainPage, but can be any UIElement
 var visual = ElementCompositionPreview.GetElementVisual(this);
 var brush = visual.Compositor.CreateHostBackdropBrush();
 var sprite = visual.Compositor.CreateSpriteVisual();
 sprite.Brush = brush;
 //Set to the size of the area, update on SizeChanged
 sprite.Size = new System.Numerics.Vector2(1000, 1000); 
 ElementCompositionPreview.SetElementChildVisual(this, sprite);

Source: c# – How to replicate the window transparency effect found in the new DropBox UWP app – Stack Overflow

This is what I have been experimenting with (far from complete). Provide your comments.

Studio For WP - New Design

I want to add something similar to the Acrylic material brush that will be included in the Windows 10 creators fall update.

Further Reading

Advertisements

Share your thoughts

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s