Creating Windows 8 App

In one of my previous blog post, I shared some information on how to get started with the Windows 8 App Development.

In this blog post, I will get in to the actual coding by creating my first Windows 8 App.

To create the Windows 8 App, follow the below steps

How to create Windows 8 (Metro or Modern UI) App?

1. Start Microsoft Visual Studio 2012 RC and select File -> New Project. In the New Project Dialog of Visual Studio 2012 RC. Select Visual C# – Windows Metro style from the Templates left sidebar.

There are 6 different templates currently available for creating Windows 8 App

  • Blank App(XAML)
  • Split App(XAML)
  • Grid App(XAML)
  • Class Library(Metro style apps)
  • Windows Runtime Component
  • Unit Test Library(Metro style apps)

Select “Blank App (XAML)” as a template for the first project. Provide the Project Name and Location for the Project and Click OK.

How to create Windows 8 (Metro or Modern UI) App ?

2. Now, the Visual Studio 2012 will create the necessary files for the basic Blank App. The file structure in the Visual Studio 2012 should look similar to this.

How to create Windows 8 (Metro or Modern UI) App ?

Also observe the .NET for Metro Apps in the References section. I will explain this in my upcoming posts.

3. Open the MainPage.xaml add a label to the page with the text “My First Windows 8 App :)”. The MainPage.XAML Page will look the below source code.

<Page

x:Class="App2.MainPage"

IsTabStop="false"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="using:App2"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d">

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

<TextBlock HorizontalAlignment="Left" Height="51" Margin="236,22,0,0" TextWrapping="Wrap" Text="My First Windows 8 App :)" VerticalAlignment="Top" Width="525"/>

</Grid>

</Page>

4. Press F5 to run the Windows 8 App, Immediately, you should see the App being displayed in the emulator. Our First Windows 8 App running on the simulator

How to create Windows 8 (Metro or Modern UI) App?

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

One Response

  1. morris February 8, 2015 Reply

Leave a Reply


x

Interesting BlogPosts to read

Download - Pokemon Go for for Windows 10 (Third Party app)
Pokemon Go is one of the popular AR games for android and iOS devices and now , the game is made ava...
Open Wordpad from command line in Windows
You can use the command "Write" from command line in Windows to open the WordPad application.D:\>...
Fasttrack Taxi for Windows with MaxCab feature
Fasttrack Taxi is an app that lets the users to book taxis in India and is one of the user friendly ...