代码改变世界

快速构建Windows 8风格应用2-创建调试应用

2012-09-10 14:50  王祖康  阅读(1200)  评论(3编辑  收藏  举报

本篇博文主要介绍的是创建应用时可以选择哪些模版,生成默认的Windows 8风格应用解决方案中含哪些文件,最后是如何调试Windows 8风格应用。

我们如何使用Visual Studio 2012创建Windows 8风格应用呢?可归结为以下几步:

1.选择我们要使用的开发语言,例如:JavaScript、C++、C#、Visual Basic。

2.选择项目模版,可以选择以下常用的项目模版:

1)拆分应用(Split App)模版

 

可以对该应用进行自定义,以创建允许用户以两列式视图方式查看项目列表和项目详细信息,用户可能需要在项目间快速切换,并且该列表可能会动态更新。例如:新闻阅读器、运动计分应用或电子邮件应用。

2)网格应用(Grid App)模版

 

可以对该应用进行自定义以创建允许用户通过类别浏览来查找完全符合他们需求的内容。例如:购物应用,新闻应用以及照片或视频应用。

3)空白应用(Blank App)模板

此模版提供一个最小的Windows 8风格应用,该应用能够编译和运行,但不包含用户界面控制或数据。

4)导航应用(Navigation App)模板

此模版为JavaScript模版,提供基本的导航,应用栏和基于媒体模式的布局,这些布局也用在网络应用和拆分应用中,导航应用模版仅包含一个最小页面片段,可以方便地向其中添加更多页面片段,然后可以添加内容。

5)固定布局应用(Fixed Layout App)模板

此模版为JavaScript模版,提供与空白应用模版相同的基本Windows 8风格应用,不同之处在于它的内容适用于固定的视区,对于以JavaScript开发的大多数游戏类应用,我们推荐使用此项目模版。

6)DirectX应用(Direct2D App)模板

此C++模版帮助构建使用DirectX的Windows 8风格应用。

3.选择好需要的项目模版,输入项目名称,项目文件地址等信息后,进行新建项目。

 

创建好一个Windows 8风格应用之后,会生成相应的解决方案管理器,那么解决方案管理器中都包含哪些默认生成文件呢?这里我以一个空白应用为例,空白应用解决方案管理都包含的文件如下图所示:

当我们进行开发应用时,Visual Studio 2012为我们提供了一个可视化的设计器来设计用户界面,也就是说可以通过可视化设计器来开发UI,当然也可以通过编写代码来开发UI。

可视化设计器提供了以设计者为导向的应用设计界面,包括用于构建UI的拖放界面,如上图。

若我们使用JavaScript编写Windows 8风格应用,可以使用Blend中提供的可视化设计器来设计界面。

若我们使用XAML编写Windows 8风格应用,可以使用Blend或者Visual Studio提供的设计器来设计界面,Visual Studio中XAML设计器与Blend中设计器非常相似,都提供了一个主设计器设计界面和一个工具箱以拖放控件。

 

上面我们提到了解决方案管理器中包含一个应用清单文件(Package.appxmanifest),这个文件包含描述你的应用的元数据,包括显示名称、说明、徽标和功能。

另外Windows 8风格应用在安全容器中运行,对文件系统、网络资源和硬件具有有限的访问权限。 无论用户何时从 Windows 应用商店安装应用,Windows 都会查看文件中的元数据Package.appxmanifest以确定应用需要执行哪些功能。例如,某个应用可能需要访问 Internet 中的数据、用户文档库中的文档,或用户的摄像头和麦克风。当应用安装完成后,它会向用户显示所需的功能,而用户必须授予相应的权限才能让它访问这些资源。如果应用没有请求并接收所需要的某个资源的访问权限,则当用户运行它时,系统将禁止其访问该资源。

应用清单文件中包含四个选项卡:

1)  应用程序UI:配置UI设置,包括徽标,初始屏幕以及初始方向;

2)  功能:指定应用可以使用的系统功能或设备,如Internet访问,当前位置等权限;

3)  声明:为应用合约添加声明,如搜索和共享目标合约,以及指定其属性;

4)  打包:设置部署包时标识和介绍该包的属性;

当然,我们也可以通过修改应用清单xml文件代码,对应用程序中的UI、功能、声明、打包中属性进行设置。

 

最后我们想调试应用程序,可以在Visual Studio工具栏中单击“调试”->“启动调试”或者直接按F5进行调试。应用程序默认是在本机中进行调试的,当然我们也可以选择在模拟器或者远程设备上进行调试。