在VS2012中新建一個(gè)拆分布局應(yīng)用程序如下：
然后我們看它的項(xiàng)目布局如下：
在這里我們可以看到項(xiàng)目結(jié)構(gòu)內(nèi)容以及意義如下：
Assets文件夾：存放系統(tǒng)圖片和資源
Common文件夾：存放系統(tǒng)公共代碼和通用文件
DataModel文件夾：存放數(shù)據(jù)層數(shù)據(jù)，在本實(shí)例中存放Sample數(shù)據(jù)
ItemsPage.xaml：主要內(nèi)容列表呈現(xiàn)組界面
SplitPage.xaml：組內(nèi)數(shù)據(jù)呈現(xiàn)界面
Package.appxmanifest：應(yīng)用程序清單頁面，定義當(dāng)前應(yīng)用程序發(fā)布、LOGO、簽名等信息
SplitGrid_TemporaryKey.pfx：應(yīng)用程序簽名證書文件
App.xaml：應(yīng)用程序啟動文件，定義應(yīng)用程序啟動點(diǎn)、使用的樣式字典等。
此時(shí)我們拷貝一些圖片到SplitGrid\Assets\Img\文件夾下面，然后我們修改Package.appxmanifest頁面的以下設(shè)置去重置頁面Logo和啟動等待Logo如下圖：
再之后我們修改DataModel文件夾下的SampleDataSource類中的圖片路徑為： "Assets/Img/Badges_002.png",并且設(shè)置相應(yīng)的StandardStyles.xaml文件中相應(yīng)圖標(biāo)樣式如下：Stretch="None"，這樣就可以得到以下效果圖：
本實(shí)例源碼請點(diǎn)擊 SplitGrid.zip 下載，Windows 8+VS 2012編寫。
