XAML list controls
description
Transcript of XAML list controls
![Page 1: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/1.jpg)
XAML list controls
Terry AdamsXAML Controls Development Lead3-131
![Page 2: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/2.jpg)
Agenda
Windows 8 personalityList scenarios for Windows 8Overview of list controlsAdvanced features
![Page 3: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/3.jpg)
![Page 4: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/4.jpg)
![Page 5: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/5.jpg)
![Page 6: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/6.jpg)
Need ListView Picture
![Page 7: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/7.jpg)
![Page 8: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/8.jpg)
List scenarios for Windows 8
Displaying a list or grid of itemsSingle or multiple selectionReordering items in a list or gridDrag-and-drop functionalityGroupingNavigating large lists of itemsViewing items one at a time
![Page 9: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/9.jpg)
![Page 10: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/10.jpg)
![Page 11: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/11.jpg)
![Page 12: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/12.jpg)
![Page 13: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/13.jpg)
![Page 14: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/14.jpg)
Adding a GridViewAdding a header
Creating a GridView app
![Page 15: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/15.jpg)
Grouping
![Page 16: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/16.jpg)
Templating and styling groups - Layout <GridView.ItemsPanel/>
Panel for top-level groups
![Page 17: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/17.jpg)
Templating and styling groups - Layout <GridView.GroupStyle.Panel/>
Panel for group items
![Page 18: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/18.jpg)
Templating and styling groups - Header <GridView.GroupStyle.HeaderTemplate/>
Template for group headers
![Page 19: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/19.jpg)
Templating and styling groups – Group item <GridView.GroupStyle.ContainerStyle/>
Template for group itemContentPresenter
ItemsControl
![Page 20: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/20.jpg)
Setting up group panelsAdding a header
Adding grouping
![Page 21: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/21.jpg)
Variable-Sized Items
1x1
1x1
1x1
1x1
1x1
1x1
3x2 3x2
![Page 22: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/22.jpg)
Demo
Adding items of varying sizes
![Page 23: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/23.jpg)
What is Semantic Zoom?
Semantic Zoom
![Page 24: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/24.jpg)
Demo
Adding Semantic Zoom
![Page 25: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/25.jpg)
![Page 26: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/26.jpg)
• Develop: http://msdn.microsoft.com/en-US/windows/apps/br229512
• Design: http://design.windows.com/
• Samples: http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples
• Videos: http://channel9.msdn.com/Windows
Resources
Please submit session evals by using the Build Windows 8 appor at http://aka.ms/BuildSessions
![Page 27: XAML list controls](https://reader035.fdocuments.in/reader035/viewer/2022062218/56816049550346895dcf6fd2/html5/thumbnails/27.jpg)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.