Windows Phone 开发学习笔记（二） Hello Windows Phone之不费功夫

现在这个时代，各种技术层出不穷。很长一段时间里，在开发程序时我首先是搜索功能相近的例程，以它为基础，修改实现自己的功能。可这样只解决一时问题，一旦需要扩展功能或者程序出现问题，解决起来毫无头绪。慢慢意识到基础的重要，也想仔细读读书。可每部书都特别厚，字典一样，从头到尾读完真有点困难，而且学到新东西不实际应用一下总觉得没意思。因此想通过研究些小项目，结合相关书籍和文档来学习，这样不但能对书中介绍的知识体会更深，不容易忘，还有点小成就感，有兴趣继续研究下去。当然，这样做的缺点是不系统。查源代码，学习语法，研究说明文档等等，比较乱。不过适合自己的就是最好的，所以接下来就按照这个路线学习Windows Phone应用开发。

自《The C Programming Language》开始，基本上所有的编程入门教程都使用Hello World作为第一个编程范例。麻雀虽小五脏俱全，虽然Hello World实现的功能很简单，只是输出一行文字，可是它还是很有内涵的，能够帮助理解当前平台应用程序的基本结构。既然是学习Windows Phone应用开发，那么第一步就仿照教程创建一个Hello Windows Phone程序。

1、 新建项目

打开Visual Studio 2010 Express，在上方的菜单栏中选择File -> New Project，弹出下图所示的对话框。

选中Windows Phone Application。在Name一行中填写项目名称，这里设置为HelloWindowsPhone，点击OK。在弹出的对话框中选择Windows Phone OS 7.1，继续点击OK。结果如下图所示：

图中左边的一栏显示项目包含的文件，中间是XAML文件的设计视图，右边是XAML文件的代码。设计视图模拟页面在手机上的显示效果，主要是为了让人能对页面有直观的感受，也可以直接在设计视图进行界面设计。

2、 添加按钮和文本框

将鼠标移到上图最左边被圈住的“工具箱”(ToolBox)上，会弹出一个窗口，包括很多控件。选择Button控件，在page name下方的方框内绘制一个按钮。选中按钮，将鼠标移到上图最右边被圈住的“属性”(Properties)上，弹出如下图所示的窗口。

最上方是Button的名称，它的唯一标识，不能与其他控件重名。这里把按钮重命名为ShowMessage。Content属性是按钮上显示的文字，这里改为HelloWP。除此之外，下方还有很多按钮的属性，可以调整一下查看效果。注意用绿框圈起来的标识，点击它，在弹出的菜单中选择Reset Value可以将对应的属性重置为默认值。

接着再转到工具箱，选择TextBlock，在按钮下方绘制一个文本区域。参照按钮的设置，将其名称设置为HelloText，并重置Content属性为默认值。页面上方的两个文本块是没什么作用的，单击选中，按键盘上的Delete键把它们删除。如果键盘上没有Delete键，可以通过菜单栏的Edit -> Delete删除。完成后，设计视图应和下图类似。

至此，界面设计部分完成。

3、 添加按钮的事件响应函数
界面已经完成了，该如何实现显示“Hello Windows Phone”的功能呢？
选中Button-ShowMessage，打开属性窗口，在Properties的右边有一个选项Events，点击切换到事件选项卡。

可以看到Button能够响应很多事件，通过名称就能大致猜到事件的类型。这里要处理的是点击事件。双击Click后的空白处，VS会生成事件响应函数，并自动跳转到代码部分。函数ShowMessage_Click就是点击事件的响应函数，当点击事件发生时，系统会自动调用该函数。

程序现在已经能够捕获点击事件，那么接下来就是控制显示内容了。代码如下：

private void ShowMessage_Click(object sender, RoutedEventArgs e)
{
    HelloText.Text = "Hello Windows Phone";
}

通过改变TextBlock-HelloText的Text属性，控制显示内容。好，Hello Windows Phone编写完成，按F5键开始调试，VS自动运行模拟器。下图是点击按钮前后的效果：

至此，Hello Windows Phone开发完成，下图依然是个小总结。

在开发Hello Windows Phone时，设计界面像画图，代码也只输入了一行，很简单。可是，看似寻常最奇崛，成如容易却艰辛。框架让我们的开发更简单，那它自己肯定不简单。正好Hello Windows Phone程序小，没有其他功能干扰，方便理解框架的基本结构。接下来就好好研究下Hello Windows Phone。