Working With The AppBar And Command Bar Control In Universal Window App

• Visual Studio 2015

Now, let's get started with the steps, given below-

Step 1- Create Windows Universal Project

Open Visual Studio 2015, click File -> New -> Project Option for New Universal app.



Step 2- Giving the Project Name

New Project Window will open, you can select an Installed -> Template -> Visual C# -> Windows -> Universal and select a Blank app (Universal Windows).

Type Project Name AppBar and click OK button.

Here, we choose the Target Version and Minimum Version for our Universal Windows Application. Click OK button.



Step 4- Choose Designer Window

Now, we go to the Solution Explorer and select MainPage.xaml.

Drag the Command Bar Control from the tool box.

Next, click Accept button and go the Property Window. Choose the symbol and change the icon to Home.



Change the name as AppHome and label to Home.



Click Cancel button and go the Property Window. Choose the Symbol and change the icon to Contact.



Change the name to AppContact and label to Contact.



Now, drag the app bar button control from the tool box. Click Accept button and go the Property Window. Choose the symbol and change the icon to cancel.



Next, change the name to AppCancel and label to cancel.



The following XAML code is generated, while we are designing the app.