在VS2012中新建一個拆分布局應用程序如下:
然後我們看它的項目布局如下:
在 這裡我們可以看到項目結構內容以及意義如下:
Assets文件夾:存放系統圖片和資源
Common文 件夾:存放系統公共代碼和通用文件
DataModel文件夾:存放數據層數據,在本實例中存放Sample數據
ItemsPage.xaml:主要內容列表呈現組界面
SplitPage.xaml:組內數據呈現界面
Package.appxmanifest:應用程序清單頁面,定義當前應用程序發布、LOGO、簽名等信息
SplitGrid_TemporaryKey.pfx:應用程序簽名證書文件
App.xaml:應用程序啟動文件,定義應 用程序啟動點、使用的樣式字典等。
此時我們拷貝一些圖片到SplitGrid\Assets\Img\文件夾下面,然 後我們修改Package.appxmanifest頁面的以下設置去重置頁面Logo和啟動等待Logo如下圖:
再之後我們修改DataModel文件夾下的SampleDataSource類中的圖片路徑為: "Assets/Img/Badges_002.png",並且設置相應的StandardStyles.xaml文件中相應圖標樣式如下: Stretch="None",這樣就可以得到以下效果圖:
本實例源碼請下載:http://files.cnblogs.com/chengxingliang/SplitGrid.zip,Windows 8+VS 2012編 寫。