27
XAML list controls Terry Adams XAML Controls Development Lead 3-131

XAML list controls

  • Upload
    kaemon

  • View
    90

  • Download
    0

Embed Size (px)

DESCRIPTION

XAML list controls. Terry Adams XAML Controls Development Lead 3-131. Agenda. Windows 8 personality List scenarios for Windows 8 Overview of list controls Advanced features. Need ListView Picture. List scenarios for Windows 8. Displaying a list or grid of items - PowerPoint PPT Presentation

Citation preview

Page 1: XAML list controls

XAML list controls

Terry AdamsXAML Controls Development Lead3-131

Page 2: XAML list controls

Agenda

Windows 8 personalityList scenarios for Windows 8Overview of list controlsAdvanced features

Page 3: XAML list controls
Page 4: XAML list controls
Page 5: XAML list controls
Page 6: XAML list controls

Need ListView Picture

Page 7: XAML list controls
Page 8: XAML list controls

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
Page 10: XAML list controls
Page 11: XAML list controls
Page 12: XAML list controls
Page 13: XAML list controls
Page 14: XAML list controls

Adding a GridViewAdding a header

Creating a GridView app

Page 15: XAML list controls

Grouping

Page 16: XAML list controls

Templating and styling groups - Layout <GridView.ItemsPanel/>

Panel for top-level groups

Page 17: XAML list controls

Templating and styling groups - Layout <GridView.GroupStyle.Panel/>

Panel for group items

Page 18: XAML list controls

Templating and styling groups - Header <GridView.GroupStyle.HeaderTemplate/>

Template for group headers

Page 19: XAML list controls

Templating and styling groups – Group item <GridView.GroupStyle.ContainerStyle/>

Template for group itemContentPresenter

ItemsControl

Page 20: XAML list controls

Setting up group panelsAdding a header

Adding grouping

Page 21: XAML list controls

Variable-Sized Items

1x1

1x1

1x1

1x1

1x1

1x1

3x2 3x2

Page 22: XAML list controls

Demo

Adding items of varying sizes

Page 23: XAML list controls

What is Semantic Zoom?

Semantic Zoom

Page 24: XAML list controls

Demo

Adding Semantic Zoom

Page 25: XAML list controls
Page 27: XAML list controls

© 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.