Create a new split layout application in vs2012ProgramAs follows:
The project layout is as follows:
Here we can see the content and significance of the project structure as follows:
Assets Folder: stores system images and resources
Common Folder: Storage System PublicCodeAnd common files
Datamodel Folder: stores data at the data layer, and stores sample data in this instance.
Itemspage. XAML: Main content list display group Interface
Splitpage. XAML: in-group Data Presentation Interface
Package. appxmanifest: Application List page that defines the current application release, logo, signature, and other information
Splitgrid_temporarykey.pfx: Application signature certificate file
App. XAML: The application startup file, which defines the application startup point and the style dictionary used.
Copy some images to the splitgrid \ assets \ IMG \ folder, and modify the following settings on the package. appxmanifest page to reset the page logo and start the pending logo, as shown in:
Then, modify the image path in the sampledatasource class in the datamodel folder to "assets/img/badges_002.png" and set the corresponding standardstyles. the corresponding icon style in the XAML file is as follows: Stretch = "NONE", you can get the following:
For the source code of this instance, click splitgrid.zip to download it and write it in Windows 8 + vs 2012.