Windows Phone 7:Windows Phone 与云 — 简介
2010-10-10 07:17:32 来源:WEB开发网图 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 设计人员不需要知道我的应用程序实现的任何内容,我也不需要知道他选择的调色板的任何情况。
更多精彩
赞助商链接