上一篇中我們以“拆分布局應用程序”模板給大家大致介紹了一下Win8 App的開發流程，這一篇我們將嘗試修改該模板來創建我們的第一個Win8 App——《Dota寶典》。
首先我們先創建一個“拆分布局應用程序”的項目工程模板，工程名為“Dota寶典_Pra”。
打開項目工程菜單的DataModel文件夾中的SampleDataSource.cs文件（上一篇中提到過該類文件為整個App的默認綁定數據源），找到如下XML標注
/// <summary>
/// 創建包含硬編碼內容的組和項的集合。
///
/// SampleDataSource 用占位符數據而不是實時生產數據
/// 初始化，因此在設計時和運行時均需提供示例數據。
/// </summary>
其下類中的SampleDataSource()方法就封裝了該項目工程的所有數據集合，其中SampleDataGroup類綁定為ItemsPage頁面中的數據源，其包含成員有：
- UniqueId：標記每個組的特定ID
- Title：每個組的大標題
- SubTitle：每個組的小標題
- ImagePath：每個組的封面圖片路徑
- Description：每個組的描述
SampleDataItem類綁定為SplitPage頁面中的數據源，類成員與上面類似。Group類與Item類為集合與集合項的關系。
在這里我們將第一組數據源修改為
1 var group1 = new SampleDataGroup("Group-1", 2 "曙光酒館", 3 "效力於近衛軍團的智力型英雄酒館", 4 "Images_Shuguang/Shuguang.png", 5 ""); 6 group1.Items.Add(new SampleDataItem("Group-1-Item-1", 7 "水晶室女", 8 "Rylai Crestfall 簡稱:CM", 9 "Images_Shuguang/1.jpg", 10 "經過寒冰泉巨魔冰凍魔法師Raishali的長年訓練，Rylai善於運用令人嘆為觀止的禁制魔法，她的絕技是異常強大的范圍殺傷技能。Rylai稱得上是近衛軍團所擁有的最為強大的法師之一。", 11 " 作為一個輔助型英雄，輝煌光環是冰女的核心技能，全屏的的回魔能夠為隊友提供更強的續航能力，所以7級必須升滿；而冰霜新星的減速和冰封禁錮能夠幫助和支援隊友的gank，關鍵時還能救命，所以前期都要升，不過由於冰封禁錮的控制時間會隨等級上升，而冰霜新星的減速為固定的5秒，所以冰封禁錮要第二個升滿；大招極寒領域的AOE傷害非常可觀，可以用於清兵和團戰，不過由於需要持續施法和冰女過於脆弱，因此作用不太明顯，16級升滿級可；前期黃點能夠撐一些屬性。", 12 group1)); 13 group1.Items.Add(new SampleDataItem("Group-1-Item-2", 14 "魅惑魔女", 15 "Aiushtha 簡稱:AS", 16 "Images_Shuguang/2.jpg", 17 "雖然所有森林女神都是賽那留斯的女兒，但Aiushtha卻是賽那留斯的第一個女兒，也是他最疼愛的一個。因為這層關系，Aiushtha能從賽那留斯那里借取更多的力量。之所以這么說，一是因為她能控制那些害羞的小精靈去醫治自己的盟軍，二是因為她能夠讓一個敵人服從近衛軍團的意願。", 18 " 自然之助作為小鹿的核心技能應該在前期優先升滿，首先升一級魅誘在出門時能夠找到不錯的野怪能夠在前期提供不少幫助，不過如果非打野流前期一級足矣；不可侵犯技能等級高后基本能對物理攻擊免疫，配合自然之助使小鹿有肉的資本，因此自然之助滿后可優先升級不可侵犯；大招推進是小鹿作為前中期DPS和Ganker的最大資本！", 19 group1));
在項目工程中創建Images_Shuguang文件夾，並將其中導入Shuguang.png || 1.jpg || 2.jpg三張圖片，這時按F6進行編譯，大家是否發現ItemsPage頁面和Splitpage頁面中發生了變化呢？
接下來我們可以繼續修改該數據模版，補充更多的Dota英雄數據和圖片。
數據源修改完成后，我們將當前頁面切換到ItemsPage.xaml頁面，在Images_Shuguang文件夾中導入一張背景圖片，重命名為background.png，在當前窗口右側xaml代碼中的首起Grid布局下添加代碼
1 <Grid.Background> 2 <ImageBrush Stretch="UniformToFill" ImageSource="./Images_Shuguang/background.png"/> 3 </Grid.Background>
按F6進行編譯，我們會發現左側的模擬器中已經添加上了背景圖片。按F5運行，運行截圖如下所示
怎么樣？第一個Win8 App——《Dota寶典》已經初步完成了，還挺有成就感的吧？PS：為了讓UI更好看一些，ItemsPage頁面的pageTitle我已經將它隱藏了，改為在背景圖中顯示Titile，SplitPage頁面中也加入了背景圖片。
下一篇將為大家介紹如何在Win8 App中使用Secondary Tile。