Windows 8 Metro风格应用开发入门教程

本系列教程的第一课,将主要关注项目设置和基本工作流程。在后续的教程中,将深入探讨更高级的概念。在继续之前,让先谈谈执行应用程序所需的环境设置。

先决条件

为了完成Windows 8Metro风格应用,机器需要以下条件:

创建项目

启动Visual Studio2012。选择文件>>新建项目。新项目对话框窗口出现,从左侧面板中可以选择选择的模板。

在左侧面板中,可以选择'Windows Store'模板。一旦选择,中心面板将显示选择的模板的可用项目列表。这里使用的是

Blank App

它默认不包含任何用户控件。如果需要,可以在稍后添加控件。给项目命名和位置,然后按OK按钮。点击OK后,将看到类似于下面显示的结构:

项目结构

在这里将看到,解决方案包含很多文件。将尝试简要介绍这些项目。

  • Logo.png和SmallLogo.png图片 - 在开始屏幕中显示
  • StoreLogo.png - 在Windows商店中代表应用
  • SplashScreen.png - 在应用程序启动时显示
  • MainPage.xaml - 运行应用程序
  • Package.appxmanifest - 描述应用程序并列出应用程序包含的所有文件

以上文件是使用XAML和C#构建的所有Windows Store应用程序所需的。

替换MainPage

通过右键点击并选择删除,从解决方案资源管理器中删除MainPage.xaml。选择

项目 >> 添加新项

选择Windows Store从左侧面板,并从中心面板中选择任何页面模板。这里选择

Basic Page

输入页面的名称。这里给MainPage.xaml。第一次将新页面添加到Blank模板时,Visual Studio会显示消息

点击是,添加这些文件。将看到,所有新添加的文件都在

Common

文件夹下。构建应用程序,现在将能够在设计视图中看到页面。按F5,将能够看到应用程序运行如下:

App.xaml的工作

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的内容

打开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>
沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485