在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",这样就可以得到以下效果图:
本实例源码请点击 SplitGrid.zip 下载,Windows 8+VS 2012编写。