Hello WP7

本文详细介绍了如何在Microsoft Visual Studio 2010 Express for Windows Phone中创建并调试一个简单的Windows Phone 7 (WP7) 应用。通过实例演示了如何修改XAML文件中的文本内容,添加控件如TextBox和Button,并实现按钮点击事件来更新界面。

在上一篇文章中,介绍了如何搭建Windows Phone 7开发环境,现在介绍如何建立一个新的Windows Phone 7工程,这里介绍如何建立一个HELLO  WP7工程。

1.       首先打开Microsoft Visual Studio 2010 Express for Windows Phone.

2.       File里选择New Project…,新建一个工程,在弹出的窗口中,设置工程名称,保存目录等。

3.       点击OK按钮后,将进入工程开发,在这里简单介绍一个该开发环境,我们可以看到在左侧有三行小标签,分别是Toolbox, Document Outline, Data Sources,其中主要的是Toolbox,点击在弹出的列表中,我们可以看到该工具箱为我们开发提供很多控件,在这就不一一列举了。另两个标签是文档大纲及数据资源。

4.       我们重点看右侧的Solution Explorer,解决方案,也就是我们这个工程的目录结构。点击App.xamlMainPage.xaml这两个文件左侧的小三角,可以看到主要的四个文件:App.xamlApp.xaml.cs,MainPage.xamlMainPage.xaml.cs. App.xamlMainPage.xaml文件是XAML文件,而App.xaml.csMainPage.xaml.cs C# 语言文件. 这两个C#文件的特殊命名是因为它们的主要作用是结合XAML文件,为XAML文件提供UI控制显示等。App.xaml文件通常用于保存应用程序所需要的资源,例如颜色、刷子、风格等等。。。。。

5.       下面我们回到工程中,点击一下左边模拟器的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>

 

6.       打开左侧的Toolbox工具箱,把TextBox控件拖到模拟器上,同样添加一个Button控件到模拟器上。 

 

7.       xaml代码上,修改TextBoxText为空,ButtonContentClick me,双击Button,自动进入MainPage.xaml.cs文件,建立一个响应事件,添加以下代码:

 

privatevoid button1_Click(object sender, RoutedEventArgs e)

        {

            textBox1.Text = "HELLO WP7";

        }

 

F5进行模拟器调试,点击Click me 按键,将出现HELLO WP7字符。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值