Windows Phone 7：Windows Phone 与云 — 简介

图 1 默认 Windows Phone 项目（包含“显示视图”和“代码视图”）

首先，在设计器中选中应用程序名称和页面标题，对这些 UI 元素进行编辑。 此操作会在设计器的代码视图窗口中突出显示相关的 XAML，向您展示需要编辑的元素。 接下来，打开工具箱，然后向页面上较低的网格（称为 ContentGrid）拖放一些 UI 元素。 选择一个 TextBox（用于输入要翻译的单词），然后选择一个 TextBlock（用于呈现翻译的内容）。 最后，添加两个按钮（请参见图 2）。

图 2 添加 TextBox、TextBlock 和 Button UI 元素

一个按钮用于执行翻译功能，另一个按钮用于从西班牙语到英语或相反方向切换翻译方向。

XAML：时尚 UI

Windows Phone 7 用户体验的核心是名为“Metro”的设计系统代码，而根据 Metro 系统实现 UI 的核心就是 XAML。 如果您之前使用过 Silverlight 或 Windows Presentation Foundation (WPF)，则您很可能熟悉 XAML。 如果您没有用过，则本部分将进行简要介绍。

XAML 是一种以声明形式构造 UI 的方法，可以使您将应用程序的逻辑与外观严格分离。 例如，您会注意到应用程序主页面的代码包含在 Mainpage.xaml.cs 中，而应用程序的基本布局的代码则包含在 Mainpage.xaml 中。 与传统的 Windows Forms 开发不同，这里的应用程序代码与应用程序的 UI 布局不存在任何混合。 应用程序中的每个 UI 元素都建模为 XAML 文件中的 XML 元素。

这样做的好处在于，它可以在一位设计人员处理应用程序的逻辑时，允许另一位设计人员独立地处理应用程序的外观。 例如，既然我们已经勾勒出翻译应用程序的基本 UI，就可以将 XAML 交由 UI 专家来处理，而我们则可以继续处理代码。 UI 设计人员不需要知道我的应用程序实现的任何内容，我也不需要知道他选择的调色板的任何情况。