Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In Windows Phone 7 App Development First Look, Joe Marini introduces the concepts and techniques behind developing Silverlight-based applications for Windows Phone 7. This course enables developers to apply their existing Silverlight programming skills and learn the fundamentals of building and debugging applications with Visual Studio 2010 and Expression Blend 4 for Windows Phone 7. The development software and accompanying phone emulator give developers an early taste of how simple it is to create custom apps. Exercise files accompany the course.
Okay, let's take what we've learned so far and get started writing our first Windows Phone application. So I'm going to go over here to the Start menu. I'm going to fire up my development environment. And once you've installed it, you'll see it's called Microsoft Visual Studio 2010 Express for Windows Phone. This is the IDE right here. So when the IDE first pops up, you'll get this nice, little Start Page, which introduces you to the development environment. Now if you've never used Visual Studio Express before it, let me just give you a quick overview of what it is that we're looking at.
Over here on the right side this is the Solution Explorer. The Solution Explorer contains information about the project that you're currently working on. This is where the pages will be stored. This is where all the resources you include and your application will be, and it's where you set various properties for how the application actually runs. Over here on the left side, this is the Toolbox. Now there is nothing in the toolbox right now because we don't have a project opened, but you can think of this as the place where all of those controls I talked about are stored during the authoring process.
So when you want to add elements to a page, this is where you will come to do that. And you can choose to keep this open by setting that little pin there, and that pins it to the open state, or you can unpin it, and then it will only open when you mouse over it. This little Start Page right here is the Welcome page for the application. And it allows to do a couple of things. Over here you can open an existing project or create a new one. And if you've been working on any recent projects, those would be listed down here. Over in the main content area, this is the Getting Started area.
And it shows you some welcome information. There's a couple of quick courses on Creating Window Phone 7 Applications and how to submit one to the marketplace, as well as a news feed where you can go and read the latest MSDN information, or whatever RSS Feed you like to subscribe to about phone-related development. So to get started, we're going to click on the New Project link over there. And that will present us with the New Project dialog. So in the New Project dialog, we have a couple of choices.
We have Silverlight for Windows Phone, or we have XNA Game Studio for Windows Phone. We're just going to go ahead and stick with Silverlight. And to make things simple, we're going to choose the Windows Phone Application. There's a couple of other options here. The Windows Phone List Application is designed specifically for phone applications that are list-based. We're not going to do that right now. We're just going to build a simple application. And there is also a Class Library, and these are basically reusable libraries that you can use in other applications.
So if you find yourself developing the same code over and over again, you might want to just toss it in a class library and then include that in your other apps. So let's go back up to the Windows Phone Application, and you can see that it's already prefilled in some name and location information for us. Since this is just going to be a throwaway app to show you how the IDE works, we can just go ahead and leave those as they are. So I'm going to go ahead and click OK, and Visual Studio for Windows Phone will now create my application.
And you can see the Solution Explorer is now being filled in with all the default contents for a new project, and up comes the Design Surface. Over here in the right we have the XML-based XAML language. This is the XML code that determines the structure of the UI of the app. Over here on the left side we have the Design Surface, and you can see the Design Surface has already been prefilled in with some stuff for us. And I'm going to go ahead and scale it down a little bit so we can see more of it.
And let's move this over. And then here is our Toolbox, and you can see the Toolbox has now been filled in. So now we have all the Silverlight control goodness that we can use to build our application with. So let's go ahead and just start setting some application properties. What I'm going to do is click on the Control Surface. And you can see that as I select things on the Control Surface, they become selected, and they also become highlighted over here in the Code View. So there is a little Text Block named MY APPLICATION. That's this guy right here. Here is the page title.
That's this guy right here. Let's go ahead and just change that to MY APP DEMO, and then we'll change the other guy from page title to My First Page. And you can see that the Design Surface is updating while I do that. That's basically all you need to do to create a new Windows Phone 7 application. So now that we've done, that let's take a look at what's involved in adding controls to an application page.
There are currently no FAQs about Windows Phone 7 App Development First Look.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.