Windows Phone Application

In this video we are going to see how to create our first Windows Phone 7 application using Visual Studio 2010

Before you start developing Windows Phone application what you have to do is, you need to actually download Visual Studio 2010

either Express version which is a Visual Studio C-Sharp 2010 Express or Visual Studio 2010

professional or ultimate or any versions out there. After you if you already have Windows 2010

what you got to do is go to this website right here it's called create.msdn.com this website is

for Windows Phone Developers where you can download the tools, free tools. To build a

Windows Phone 7 application you would need these tools. Once you click on these download

the free tools option here, what you will see is you will see a getting started guide

download the free tools. You need to make sure you install these tools and then you

bunch of documentation are out there you can you know learn from the videos training kit and bunch

of other resources so then you can also learn more about you know how to how it works how to deploy

a windows phone 7 application to the library so other people can download from here and share with

the others and sell it and you know everything else out there so once you have this uh down if

the sdk installed and on visual studio platform what you need to do is now

let's build our application so what we are going to do is uh

once this sdk is installed windows phone sdk is installed the one template is added to your

So we are going to create a new project. File, New Project

As you can see here a Windows Phone Application template is project template is added to your templates list

So I am going to select Windows Phone Application. One more thing you probably would notice is when you install this Windows Phone 7 SDK an emulator is also installed on your machine that is used to test your application since you may not already have a physical Windows Phone present

So I'm going to discuss that in a little bit. So let's create your Windows Phone application

So select Windows Phone and say, all right, I just picked the default name

So as soon as you create the project, what you see is here

you will see this is my design this is my main page dot jml page one thing you need to you should

know is windows forms have an application either it can be a an xna application or it can be silver

by default this application is a silver light application so if you already know how to code

silver light for you it will be really piece of cake it's just it's very easy to build this

application so as you can see this is my ui and if i switch back to i can switch back to both

design and xaml so this is my jamal page look like if you are you've been doing a wpf or silver

like programming you should this should actually look familiar to you I got a grid panel here in

grid panel I have these two rows then I got a stack panel here stack panel has inside that grid panel

I got a stack panel where you know I have a title panel and this is my application title and page

title so I'm going to change this application to and then I'm going to

change this to eventually I'm going to convert this application to a fully

functional working C sharp programming language for now I'm doing is for test

I am just creating a simple Hello World application. You can resize right now you probably may not want to resize because this is the perfect size for Windows Phone now but you can also resize and do whatever you want This is just a giant size for now

Now let's take a quick look. If you look at your solution explorer you'll see there's nothing much out there

There's app.xaml which is same your application file where you'll see all your application related events

events like this is a constructor and then you'll see application launching

activated deactivated application closing navigation and failed and on accept exceptions so anything you have to do when application is starting or

closing that kind of code you probably have to write it here now go back to

solution explorer this is a splash screen image which is your image used on

the home page by default and there are two more png images here but for our

focus is just a main page dot jamml that's where only we are going to do is now

before we make this video really large what I'm going to do is create a simple

UI where you can see how it works and then we can go from there so as usual

you are in Visual Studio, first thing we look for is Toolbox. In Toolbox as you can see

Windows Phone controls, you have bunch of controls here. They are not enough, they are

not as much as you will see in WPF or Silverlight. But I'm sure eventually they'll be there

I'm sure Microsoft is adding more controls here. But for now there's a good set of controls

here and I think we can use these to build at least our application. So let's create

drag and drop a button control first and I create a button control here as you

can see it's already nice design by default and I'm going to say let me say

text box control so I got a button control I got text box control similar

to any Visual Studio go to properties and here you can see properties of that

control. So content-sage button, I will say click me. You can change layout, background, color, everything you need

It's just another control for you. I like to sort by this so I can see background you can change background to any color I want foreground whatever you know you just have to remove your transparency and change out

all the properties here you can also write events here so what I'm going to do is on

my click event handler I'm double clicking here as soon as you double click you will

see button click event handler is added to the code so here I'm going to do is

text box one which is my text box added to the again if you are you know

silverlight programmer WPF you already know what you're doing your name your

name of these controls is already added and I'm just going to say

So, simple now, if you F5 you build and run you will see one error message comes which

is if you build and run you will see there were deployment errors, yes

You see that you are going to see Zoom software is not installed, this is because by default

the setting for build is here it's for Windows phone 7 device and I do not have a device attached

to this computer right now so for testing purpose we are going to use the emulator which so I'm

going to switch build setting to Windows phone 7 emulator now if I build it I will see my UI

boom right here so as you can see my Windows phone is loading here and I can just go to next

screen and you will see it's loading my UI that there you go this is my home page so if I say

click me hello windows phone there you go your first windows phone application is ready congratulations

and from now on I'm going to start adding more and more functionality to this application and

soon you'll see a fully featured c sharp corner windows phone application but also I'm going to

do is I'm going to share this whole development with you guys so if you come back and keep

watching all the videos you will know actually actually how to build a ready to use real world

application for Windows phone using C sharp and Visual Studio 2010