Windows Phone新手开发教程（一）

这是本系列的第1部分。在进行开发的过程之前，我将解释Windows Phone的基础知识。第1部分涵盖了以下三个开发的基本主题：

• Windows Phone SDK的安装
• Windows Phone用户界面(UI)
• 基本控件的认识

1. Windows Phone SDK的安装

首先从该链接下载并安装用于Windows Phone 7系列的全部开发工具。在安装完先前的SDK 7.1之后，访问该链接对版本进行升级。

Windows Phone SDK包含以下内容：

• Microsoft Visual Studio 2010 Express for Windows Phonee
• Windows Phone Emulator
• Windows Phone SDK 7.1 Assemblies
• Silverlight 4 SDK
• Windows Phone SDK 7.1 Extensions for XNA Game Studio 4.0
• Microsoft Expression Blend SDK for Windows Phone 7
• Microsoft Expression Blend SDK for Windows Phone OS 7.1
• WCF Data Services Client for Window Phone
• Microsoft Advertising SDK for Windows Phone

2. Windows Phone用户界面(UI)

首先从File菜单选择New project，然后选择Window Phone Application并输入应用程序名称，选择存储位置。

来看Windows Phone默认的UI面板元素Grid和Stack Panel。

1. StackPanel
   Stack Panel包含了应用程序和页面的名称。

   1 2 3

   <stackpanel x:name="TitlePanel" grid.row="0" <textblock="" text="MY APPLICATION" style="{StaticResource  PhoneTextNormalStyle}">     <textblock x:name="PageTitle" text="page name Style=" {staticresource="" phonetexttitle1style}"="">  </textblock></stackpanel>

2. Grid
   Grid面板包含了所有其它控件，如stackpanel、TextBox、TextBlock、Button、HyperLinkButton、Image等等。

   1 2 3 4 5

   <grid x:name="ContentPanel" grid.row="1" margin="12,0,12,0">     <button x:name="Button" content="Button" height="95"></button>     <textblock x:name="TextBlock" text="This is TextBlock" height="95"></textblock>     <img x:name="Image" height="100" margin="6,378,-6,129" source="/PhoneApp1;component/Images/Chrysanthemum.jpg">  </grid>

3. 基本控件的认识

Windows Phone 7提供了包含Button、TextBox、TextBlock、Image和HyperLink在内的各种控件。

1. Button：Button控件负责触发器的响应。

   1	<button x:name="Button" content="Button" height="95"></button>

2. TextBlock：TextBlock控件显示文本格式下的文本块。

   1	<textblock x:name="TextBlock" text="This is TextBlock" height="95"></textblock>

3. TextBox：TextBox控件用于管理文本框中所输入文本。

   1	<textbox x:name="MyTextBox" text="Hai" height="95" margin="0,98,0,0" verticalalignment="Top"></textbox>

4. Image：Image控件可以对显示的图像进行图像控制。

   1	<img x:name="Image" height="100" margin="12,320,-12,187" source="/PhoneApp1;component/Images/Chrysanthemum.jpg">

5. HyperLinkButton：HyperLinkButton控件用于页面切换的导航。

   1	<hyperlinkbutton content="HyperlinkButton" height="44" horizontalalignment="Left" margin="12,450,0,0" name="hyperlinkButton1" verticalalignment="Top" width="258"></hyperlinkbutton>

 

本文翻译自c-sharpcorner.com，原文地址