第一个WP7工程：Hello WP7

• 首先打开Microsoft Visual Studio 2010 Express for Windows Phone.
• 在File里选择New Project…，新建一个工程，在弹出的窗口中，设置可参考下图所示：

• 
  

  065609BPZ.jpg(79.39 K)
  

  2011/12/29 16:04:07

  
  
  

   

  
  
  
  
  • 点击OK按钮后，将进入工程开发，在这里简单介绍一个该开发环境，我们可以看到在左侧有三行小标签，分别是Toolbox, Document Outline, Data Sources，其中主要的是Toolbox，点击在弹出的列表中，我们可以看到该工具箱为我们开发提供很多控件，在这就不一一列举了。另两个标签是文档大纲及数据资源。
  • 我们重点看右侧的Solution Explorer，解决方案，也就是我们这个工程的目录结构。点击App.xaml和MainPage.xaml这两个文件左侧的小三角，可以看到主要的四个文件：App.xaml和App.xaml.cs,MainPage.xaml和MainPage.xaml.cs.App.xaml和MainPage.xaml文件是XAML文件，而App.xaml.cs和MainPage.xaml.cs是 C# 语言文件. 这两个C#文件的特殊命名是因为它们的主要作用是结合XAML文件，为XAML文件提供UI控制显示等。App.xaml文件通常用于保存应用程序所需要的资源，例如颜色、刷子、风格等等。。。。。
  • 下面我们回到工程中，点击一下左边模拟器的MY APPLICATION,在右边的XAML代码中，可以看到有一行代码TextBlock颜色被置灰，这表示该行代码是负责MY APPLICATION这行文字内容显示。

  
  <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResourcePhoneTextNormalStyle}"/>
  
  稍微解释一下该代码表示的意思：这是一个TextBlock控件，跟我们以前开发Windows Mobile X 中的Static控件有点相似，名字为ApplicationTitle，内容是MY APPLICATION，后面是Style风格，我们把下一行的TextBlock中的Text改为HELLO WP7，代码如下所示：
  
  <StackPanel x:Name="TitlePanel"Grid.Row="0" Margin="12,17,0,28">
  
  <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResourcePhoneTextNormalStyle}"/>
  
  <TextBlock x:Name="PageTitle" Text="HELLO WP7" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
  
  </StackPanel>
  
  

  
  
  
  
  • 打开左侧的Toolbox工具箱，把TextBox控件拖到模拟器上，同样添加一个Button控件到模拟器上，如下图所示：

  
  

  065610vAD.jpg(17.67 K)
  

  2011/12/29 16:04:07

  
  
  

   

  
  
  
  
  • 在xaml代码上，修改TextBox的Text为空，Button的Content为Click me,双击Button,自动进入MainPage.xaml.cs文件，建立一个响应事件，添加以下代码：

  
  privatevoid button1_Click(objectsender, RoutedEventArgs e)
  
  {
  
  textBox1.Text = "HELLO WP7";
  
  }
  
  按F5进行模拟器调试，点击Click me 按键，将出现HELLO WP7字符。