Custom AppBar in Windows 8 and 8.1


Application bar is the most important part of an application but making it custom is a thing everyone should learn. The very sample provides help to the developer so that he/she could do the same in his or her app.

Building the Sample

(Windows 8.1 and Visual Studio 2013).

(Note: Same code will work in Windows 8 and Visual Studio 2012 if new project is made in Visual Studio 2012).


To do all the stuff you need to install Expression of Microsoft. As Expressions in from the family of Blend so it exports XAML as BLEND and family of BLEND plays with XAML and you can copy XAML of a path or a object after making in the expression.

I have made a path using a polyline tool from the toolbar and now I am able to copy the XAML side of the very path.

After copying the XAML I directly pasted that canvas in App Bar's Grid. I have done that with the bottom app bar if you want you can do the same for the top application bar. When the user clicks right on the screen, the very application bar with the path of GRASS and DUST will appear and it really gives and amazing look to your application. You can do the very same to your own applications. You can make your custom designs and you can implement very designs in your application bar to give it a professional or a cooler look.

custom designer

Before Click

before click

After Click

after click

More Information

For more information on this see

DOWNLOAD : Custom Appbar in Windows 8 and 8.1

Personal Blog: Blend Unleashed.

Similar Articles