Windows Phone 7 开发入门之 Hello world 程序
jopen
12年前
<h2>介绍</h2> <p>让我们为 Windows Phone 7 手机创建一个简单的 Hello world 应用吧。<br /> </p> <h2></h2> <h2>背景<br /> </h2> <p>首先需要下载 Windows Phone SDK 7.1：<a href="/misc/goto?guid=4959500664072988750" rel="nofollow">http://create.msdn.com/en-US/</a></p> <p>这是免费下载的，该 SDK 提供了开发 Windows Phone 7 应用和游戏所需的工具和开发包，安装之后打开 Visual Studio 2010 Express for Windows Phone ，如下：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/9f3f85def8b7f177d20257ad247133d0.png" width="600" height="324" /></p> <h2></h2> <h2>创建项目</h2> <p>从启动页，选择 New Project，也可通过文件菜单中启动，或者是使用组合快捷键：Ctrl+Shift+N. </p> <p>新项目对话框如下图所示：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/9ca27a92c233417a7d85cebdef63f825.png" width="600" height="324" /></p> <p>在已安装的模板中选择 Sliverlight for Windows Phone，然后选择 Windows Phone 应用模板，输入应用名称：HelloWorldApp，选择项目存放的路径即可。</p> <p>接下来回有个提示，选择操作系统版本，这里我们选的是 Windows Phone 7.1 OS ，代号 "Mango"</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/a4d7dcd4d4695e9b9a3ca7c9ac1044ad.png" width="600" height="324" /></p> <p>然后就到了开发的主界面，包含了设计视图和代码视图：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/e9890a31de0c0d31883870673de4c43f.png" width="600" height="323" /> </p> <h2></h2> <h2>创建应用</h2> <p>紧接着我们点开 Toolbox ，或者在 View 菜单中选择 Toolbox ，这里包含了一堆 UI 组件。点击并拖拉 Button 空间到设计区。</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/4b76708fc08182ee00409751cb9458cc.png" width="600" height="325" /></p> <p>你可以拖放到设计视图的任意位置。 </p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/23d3117a8a24abeef0a4c36fd7656e4f.png" width="600" height="323" /></p> <p>接下来我们可以修改按钮文本，可在属性窗口中（屏幕右下角）选择内容熟悉感，并改为 Click Me，回车即保持，并即时反应到设计视图上。</p> <p>通用添加一个 Textblock 控件在按钮下方，并在属性窗口中删除其默认的文本：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/f1bd639dc436b6b1b6d7169a3d82c7c0.png" width="600" height="324" /></p> <p>现在双击按钮进入代码区域，将打开 <strong>MainPage.xaml.cs</strong> ，该文件包含应用的主要逻辑，而按钮的点击事件处理方法就在这个文件中定义：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/66668d60fdc5b823ab08948e45218019.png" width="600" height="324" /></p> <p>我们只需要添加相应的代码即可：</p> <pre class="brush:c#; toolbar: true; auto-links: false;">private void button1_Click(object sender, RoutedEventArgs e) { textBlock1.Text = "Hello World!!!"; //line to be added }</pre> <p></p> <p>同样，别忘了修改应用的名称，通过选择设计区的标题栏，并在属性窗口中进行修改。</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/784076f1ef2ad7dc1d9d1145cbcd2b95.png" width="600" height="324" /></p> <p>瞧，代码都编写好了，点击绿色箭头或者直接按 F5 键来启动程序。</p> <p>集成环境开始构建整个项目，并创建一个 xap 文件（也就是 WP7 上的可执行文件扩展名），并在构建完成之后自动启动应用程序并在模拟器中打开。点击界面上的 Click Me 按钮：</p> <p><img alt="Windows Phone 7 开发入门之 Hello world 程序" src="https://simg.open-open.com/show/ebb5b2723afff4cb0f701a30119113e5.png" width="600" height="323" /></p> <p>很简单是吧？开始玩 WP7 的开发吧？：）</p> <p>文章译自：<a href="/misc/goto?guid=4959500664155369003" rel="nofollow" target="_blank">codeproject</a></p>