Saturday, 15 June 2013

Building your first Window 8 Store application using C#/XAML

This tutorial teaches you how to create a simple Windows Store app using Extensible Application Markup Language (XAML) with C#. This tutorial teaches you what you need to know to build Windows Store apps.

In this tutorial, you learn how to:
  • Create blank App.
  • Grid App.
  • Split App.

Before you start

  • For this tutorial, you need Windows 8 and Microsoft Visual Studio 2012 for Windows 8.
  • You also need a developer license.
  • I assume that you have a basic understanding of XAML.

You can create one of these three types of App templates blank, Grid and Split App which are provided with visual studio 2012 on the basis of your need and according to your UI design. If you want to create and customize design according to your need, then go for blank apps. But if your requirement is to show group data and detailed data then go for Grid App and Split App. It provides basic templates which can reduce much of overhead and you can customize these app according to your data requirement.

Step 1: Create Blank App.

  1. Launch Visual studio 2012 for window 8.
  2. Select File > New Project.

          The New Project dialog appears. The left pane of the dialog lets you select the type of       templates to display.
     3.  In the left pane, expand Installed > Templates, then expand  Visual C# and pick the   Windows Store template type. 


4.  In the center pane, select the Blank App template.
      5.  In the Name text box, enter "FirstBlankApplication".
      6.  Click OK to create the project.
            
      Compile and run app.

Step 2: Create Grid App.

Repeat steps 1, 2, 3 as discussed in Step 1.


4.  In the center pane, select the Grid App template.
      5.  In the Name text box, enter "FirstGridApplication".
      6.  Click OK to create the project.
            
      Compile and run app.

Step 2: Create Grid App.

Repeat steps 1, 2, 3 as discussed in Step 1.


4.  In the center pane, select the Split App template.
      5.  In the Name text box, enter "FirstSplitApplication".
      6.  Click OK to create the project.
            
      Compile and run app.

In my next post, I’m going to differentiate between blank page and basic page template.

No comments:

Post a Comment