《Windows程序设计第六版》译文：第一章--标记语言和代码：第一节第一个项目(2)

墨蓝 2022-09-04 04:41 173阅读 0赞

本篇为《Programming Windows, 6th Edition》译文，本人将一些琐碎之事写在译文之前，没看过的还请劳驾看一下[写在《Programming Windows,6th Edition》译文之前][Programming Windows_6th Edition]

这个文件由遵循“可扩展应用程序标记语言”(XAML)标准的标记语言组成，正如名字一样XAML就是基于“可扩展标记语言”(XML)的。

大体上说，你用XAML文件定义页面所有可视化元素，然后在C\#文件中解决那些用标记语言不能解决的问题，例如计算或是响应用户输入。C\#文件总是作为对应的XAML文件的后台代码文件。

这个XAML文件的根元素是Page，你应该知道它是Windows运行时的一个类。但是注意x:Class属性：

<Page

x:Class="Hello.MainPage"

这个x:Class属性只能出现在XAML文件的根元素上面。这个属性的意思是：在Hello命名空间定义了一个MainPage类，MainPage类继承了Page类。它与在C\#文件中定义类是一样的。

紧接着这个属性之后跟着的是一个Page类的IsTabStop属性，这个是用来定制当用户通过使用键盘上的Tab键在控件中导航时的行为的。这个设置不是必要的，因为它在Page类的默认值是false。

接下来是一串XAML命名空间的定义，这些URI并不是指向某个有趣的网页，而是充当一个由公司或是组织制作的独一无二的标识。前两个是最重要的：

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x=[http://schemas.microsoft.com/winfx/2006/xaml][http_schemas.microsoft.com_winfx_2006_xaml]

看到2006这个日期，回忆微软的WPF简介，正好是XAML登场的日子。WPF是.NET框架3.0的一部分。在它发行之前，它一直被叫做WinFX，所以winfx会在URI中。在一定程度上说，如果WPF，Silverlight，Windows Phone和Windows运行时都使用所有环境共有的类，属性，组件，XAML文件在它们之间是完全兼容的。

第一个不带前缀的命名空间的声明引用了在Windows运行时中定义的类，结构，枚举类型，它包含了所有的空间和在XAML文件中每一个能出现的东西，包括在一些特殊文件的Page和Grid类。在这个URI中presentation与一个可视的用户界面有关，它将可以使用XMAL的其它应用区分开来。例如，如果你使用XAML来编写Windows Workflow Foundation(WF)程序，你应该使用一个以workflow结尾的默认命名空间URI。

第二个命名空间的声明多了一个x前缀。这里面包含XAML自己固有的元素和属性，在Windows运行时应用中只有九个可用，很显然，最重要的就是x:Class属性。

第三个声明非常有趣：

xmlns:local="using:Hello"

有一个带有Hello命名空间local前缀。你可以在你的应用创建一些自定义的类，然后用local前缀在XAML中引入它们。如果你需要引用后台代码库中的类，你将需要定义另外的XML命名空间声明，它将自动将这些库的命名空间的名字和类的名字组合起来。你将在后续的章节中看到究竟是怎么做的。

剩下的命名空间声明是为Microsoft Expression Blend准备的。Expression Blend可能会插入它自己的需要其他命名空间声明的特殊标记，这些应该被Visual Studio编译器忽略，所以才会有那个Ignorable属性。对于本书的程序，Page根元素的这三行是可以删除的。

Page元素有一个子元素叫Grid。这是定义在Windows.UI.Xaml.Controls命名空间的另一个类。Grid在以后会非常的熟悉。因为它可以包含其他的可视对象，所以把它叫做容器。但是因为它继承了Panel类，更多的时候把它叫做布局。在Windows8应用中关于布局的那些继承了Panel类的类有着很重要的地位。在MainPage.xaml文件中，Visual Studio通过XMAL语法已经为你创建好了Grid，还带有一个背景颜色（事实上是一个画刷对象）。这些语法我将在第二章“XAML语法”中讲解。

一般来说，你可以把一个表格布局(Grid)分成若干行和列来定义一些单元格（这个我将在第五章“控件交互”中演示它）它更像是HTML表格的改良版本。一个没有行和列的表格布局叫做“独立单元格布局”，那也是非常有用的。

为了在Windows运行时中显示一段话，你得用一个TextBlock（这是在Windows.UI.Xaml.Controls被定义的另一个类）这样让我们在独立单元格布局上放一个TextBlock控件，然后再设置一些属性。事实上这些属性都是TextBlock类中的属性。

Project: Hello | File: MainPage.xaml(excerpt)

**注意** 在这本书中，代码上面有一行标题，你可以根据这个标题在下载的本书附件里面找到代码。这样我就可以只引用全部文件的一部分，但是全部的内容你也可以知道在什么地方。

这些属性的顺序是无关紧要的，当然缩进也是无关紧要的，如果你比较着急的话，除了Text属性其他属性都可以跳过不设置。当你在打代码的时候，你可以注意到Visual Studio的智能感知功能会补全属性名和可能的值。你可以去选择你想要的。当你完成了TextBlock，Visual Studio的设计预览界面会给你一个页面的预览图。

你也可以不打这些代码，简单的从Visual Studio的工具箱里面拖拽一个TextBlock空间，然后在属性列表里面设置它的属性。但是在这本书中我不会这么做，而是像一个真正的程序员一样通过代码来描述程序建立的过程。

按下F5键，编译并运行程序，或是在Debug菜单中选择开始调试。这种简单的程序，最好在Visual Studio调试器下运行。如果一切都搞定了，你将看到这个画面：

![20130924020518640][]

TextBlock的HorizontalAlignment（水平对齐）和VerticalAlignment（垂直对齐）属性被设置为Center。显然对于程序员来说是没有必要确定屏幕的尺寸和文本的大小的，你可以将水平对齐设置为左对齐，右对齐，居中，也可以将垂直对齐设置为靠近顶部，靠近底部来定位TextBlock在Grid中的位置。在第四章“用面板(Panel)呈现”你会看到，Windows运行时支持可视对象精确到像素来定位，但是通常情况下你还是依赖内置的布局功能。

TextBlock控件是有宽Width和高Height属性的，但是你不需要非常麻烦的设置两个属性。事实上，如果你在这个TextBlock设置宽和高属性，你可能会发现文本会被剪切一部分或者是干扰文本在页面上居中。TextBlock是比你更加知道自己应该有多大。

你可能会在类似平板电脑这种可以支持方向改变的设备上运行这个程序。如果你这样做，你会注意到这个页面的内容会自动根据设备改变方向和长宽比。Grid，TextBlock和Windows8布局系统会自动来解决这个事情。

停止Hello程序，在Visual Studio中按下Shift+F5，或是在Debug菜单选择停止调试。你会注意到程序不仅仅是被执行，而且还部署在Windows8中。现在它是可以从开始屏幕启动的。如果你自己创建的程序，它的磁贴可能并不是很好看。但是程序的磁贴都在项目的资源目录，你可以自行更改(在下载的文件里面的项目都有自己的磁贴)。现在你可以从Windows8开始屏幕再一次运行程序。

另一个选择是你可以在模拟器中运行程序，这样你可以控制分辨率，方向，和一些其他的东西。在Visual Studio工具栏，你会看到有一个显示本机的下拉框，把它改成模拟器就OK了。

[Programming Windows_6th Edition]: http://blog.csdn.net/panhe1992/article/details/11098215
[http_schemas.microsoft.com_winfx_2006_xaml]: http://schemas.microsoft.com/winfx/2006/xaml
[20130924020518640]: /images/20220829/ccd247cc22a34413b68210190188e703.png