图解使用Win8Api进行Metro风格的程序开发一建立我们的导航架构.doc

1.从今天开始,我将和大家一起研究Win8 Runtime Api.首先 我们要做的是建立我们的导航架构,　　利用此导航我们很方便的组织和管理我们各Api的程序.我的预想是这样的,在主界面(采用 项页模版)显示各Api的　　分组,然后点击进去出现我们的Api页面(采用 拆分页 模版).效果图如下: 　　点击图片,进入如下页面: HYPERLINK 　　选择Item Title 2,出现如下界面: HYPERLINK 2.我们就开始一步一步做一个这样的导航.　　a)打开VS2012,新建项目,选择 Windows Metro style,然后选择Split App(XAML)模版,　　输入名称:Win8Api　　如图: 　　之所以选择Split App(XAML)模版,因为VS会为我们生成一些东西,使我们快速开发.b)打开新建的解决方案,由于我们要在SplitPage页显示我们点击项的内容,所以用到页面导航Frame,　　Frame的Navigate方法需要传入要导航页面的类型,我们需要修改VS为我们DataSource.c)修改我们的基础数据类　　我们在SampleDataItem类的构造函数里加一个类型,然后把这个类型传给Frame,来实现页面间的导航.　　修改后的SampleDataItem类如下: View Code /// summary /// Generic item data model. /// /summary public class SampleDataItem : SampleDataCommon { //此处增加一个类型参数，用于页面间的导航 public SampleDataItem(String uniqueId, String title, String subtitle, String imagePath, String description, String content, SampleDataGroup group,Type classType) : base(uniqueId, title, subtitle, imagePath, description) { this._content = content; this._group = group; ClassType = classType; } private string _content = string.Empty; public string Content { get { return this._content; } set { this.SetProperty(ref this._content, value); } } private SampleDataGroup _group; public SampleDataGroup Group { get { return this._group; } set { this.SetProperty(ref this._group, value); } } /// summary /// 增加的类型 /// /summary public Type ClassType { get; set; } } ? d)修改我们的DataSource　　删除SampleDataSource类为我们自动生成的数据,修改的SampleDataSource类如下: View Code /// summary /// Creates a collection of groups and items with hard-coded content. /// /summary public sealed class SampleDataSource { private static SampleDataSource _sampleDataSource = new SampleDataSource(); private ObservableCollectionSampleDataGroup _allGroups