本系列教程的第一课,将主要关注项目设置和基本工作流程。在后续的教程中,将深入探讨更高级的概念。在继续之前,让先谈谈执行应用程序所需的环境设置。
为了完成Windows 8Metro风格应用,机器需要以下条件:
启动Visual Studio2012。选择文件>>新建项目。新项目对话框窗口出现,从左侧面板中可以选择选择的模板。
在左侧面板中,可以选择'Windows Store'模板。一旦选择,中心面板将显示选择的模板的可用项目列表。这里使用的是
Blank App
,
它默认不包含任何用户控件。如果需要,可以在稍后添加控件。给项目命名和位置,然后按OK按钮。点击OK后,将看到类似于下面显示的结构:
在这里将看到,解决方案包含很多文件。将尝试简要介绍这些项目。
以上文件是使用XAML和C#构建的所有Windows Store应用程序所需的。
通过右键点击并选择删除,从解决方案资源管理器中删除MainPage.xaml。选择
项目 >> 添加新项
选择Windows Store从左侧面板,并从中心面板中选择任何页面模板。这里选择
Basic Page
输入页面的名称。这里给MainPage.xaml。第一次将新页面添加到Blank模板时,Visual Studio会显示消息
点击是,添加这些文件。将看到,所有新添加的文件都在
Common
文件夹下。构建应用程序,现在将能够在设计视图中看到页面。按F5,将能够看到应用程序运行如下:
App.xaml是最重要的文件之一,因为这个文件存储了可以在应用程序中访问的东西。双击并打开文件。会注意到,它包含一个
ResourceDictionary
,它又引用了
StandardStyles.xaml ResourceDictionary
。这个StandardStyles.xaml包含很多样式,给应用程序提供外观和感觉:
<application.resources>
<resourcedictionary>
<resourcedictionary.mergeddictionaries>
<resourcedictionary source="Common/StandardStyles.xaml">
</resourcedictionary>
</resourcedictionary.mergeddictionaries>
</resourcedictionary>
</application.resources>
打开MainPage.xaml从解决方案资源管理器。现在如果想添加更多内容,只需打开xaml并开始添加:
<stackpanel margin="120,80,0,0" grid.row="1">
<textblock width="Auto" height="29" text="Welcome to my first windows store app">
</textblock>
</stackpanel>