随笔- 36  评论- 78  文章- 0 

第一个WP7工程:Hello WP7

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



  •  




    • 点击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控件到模拟器上,如下图所示:




     




    • 在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字符。

posted on 2012-01-07 11:01  xiaowei0705  阅读(223)  评论(0编辑  收藏