Getting started with Universal Windows Platform

This article shows you how to get started with Universal Windows Platform.

A term seems complicated but it is a much easier well than developing an Android phone app.

When you setup Visual Studio 2015 you choose Custom instead of Default.

After that you choose Cross Platform Mobile Development.

One your installation is done. Run Visual Studio with Administrator privilege (Run As Administrator).

Choose File -> New Project in Visual Studio.

In the New Project  dialog box choose Blank App (Universal Windows 8.1).

clip_image002

One the project is created then you will see there are 2 projects. You can select either one project to run as default. The default will be the Windows App instead of Mobile App. 

clip_image003

To test it, you open the MainPage.xaml by double clicking it.

To drag a TextBox and Button to the design surface then you will see your xaml code changes as below.

<Grid Background=”{ThemeResource ApplicationPageBackgroundThemeBrush}”>

    <TextBox x:Name=”textBox” HorizontalAlignment=”Left” Margin=”71,48,0,0″ TextWrapping=”Wrap” Text=”TextBox” VerticalAlignment=”Top” Height=”66″ Width=”370″/>

    <Button x:Name=”button” Content=”OK” HorizontalAlignment=”Left” Margin=”68,167,0,0″ VerticalAlignment=”Top” Height=”78″ Width=”148″ Click=”button_Click”/>

</Grid>

Double click the Button to add the following code.

private void button_Click(object sender, RoutedEventArgs e)

{

    textBox.Text = “Can run”;

}

Run the application by clicking the Run (Local Machine) button in Visual Studio.

clip_image005

You can do exactly the same to the MainPage.xaml in the Mobile App.

<Grid>

    <TextBox x:Name=”textBox” HorizontalAlignment=”Left” Margin=”47,29,0,0″ TextWrapping=”Wrap” Text=”TextBox” VerticalAlignment=”Top” Width=”208″/>

    <Button x:Name=”button” Content=”OK” HorizontalAlignment=”Left” Margin=”47,117,0,0″ VerticalAlignment=”Top” Click=”button_Click”/>

</Grid>

Also you can double click the Button to add exactly the same code as in the Windows App.

private void button_Click(object sender, RoutedEventArgs e)

{

    textBox.Text = “Can run”;

}

clip_image007

The only trick is when you want to run it then you might need to download the Emulator in you do not have a Windows Phone.

clip_image009

Advertisements

About chanmingman

Since March 2011 Microsoft Live Spaces migrated to Wordpress (http://www.pcworld.com/article/206455/Microsoft_Live_Spaces_Moves_to_WordPress_An_FAQ.html) till now, I have is over 1 million viewers. This blog is about more than 50% telling you how to resolve error messages, especial for Microsoft products. The blog also has a lot of guidance teaching you how to get stated certain Microsoft technologies. The blog also uses as a help to keep my memory. The blog is never meant to give people consulting services or silver bullet solutions. It is a contribution to the community. Thanks for your support over the years. Ming Man is Microsoft MVP since year 2006. He is a software development manager for a multinational company. With 25 years of experience in the IT field, he has developed system using Clipper, COBOL, VB5, VB6, VB.NET, Java and C #. He has been using Visual Studio (.NET) since the Beta back in year 2000. He and the team have developed many projects using .NET platform such as SCM, and HR based applications. He is familiar with the N-Tier design of business application and is also an expert with database experience in MS SQL, Oracle and AS 400.
This entry was posted in .Net, Cloud, Community, Computers and Internet and tagged , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

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