Developer Day

Deep Dive into WinRT-Controls:FlipView, ListView, GridView and SemanticZoom

Thomas Claudius HuberPrincipal Consultant, Trivadis AGthomas.huber@trivadis.com

Thomas Claudius HuberPrincipal Consultant @Trivadis Application DevelopmentTraining

Technologien im Fokus:WPF / WinRT / Windows 8

Mag Fussball, Sport, Motorräder und geniesst die freie Zeit mit der Familie und Freunden.

Trivadis solution portfolio and competences

IT SOLUTIONS, SERVICES & PRODUCTS

TECHNOLOGIES Microsoft, Oracle, IBM, Open Source

Integration, Application Performance Management, Security

InfrastructureEngineering

Application Development

Business Intelligence

Business Integration Services

Training

Managed Services

Trivadis facts & figures11 Trivadis locations with more than 600 employees

Financially independent and sustainably profitable

Key figures 2011

Revenue CHF 104 / EUR 84 Mio.

Services for more than 800 clients in over 1,900 projects

200 Service Level Agreements

More than 4,000 training participants

Research and development budget: CHF 5.0 / EUR 4 Mio.

Agenda

Agenda

Grundlagen & die FlipView ListView, GridView &

SemanticZoom Inkrementelles Laden

Grundlagen

Grundlagen

Kapitel 2, “Das Programmiermodell“

Kapitel 12, “EigeneControls und Komponenten”

Control

ProgressBar ScrollBar Slider

PanelShape

TextBlock

Range Controls

ButtonBase

AppBarScrollViewerFrameSelectorItem

Button HyperlinkButtonRepeatButton

RangeBase(abstract)

CheckBox RadioButton

Content Controls ContentControl

Items Controls

RichEditBox Kapitel 5, “Layout”Kapitel 15, “2D Grafik”

Page

ToggleButton

UserControl

ComboBox ListBox

ListView GridView

ToolTip

PasswordBoxTextBox

RichTextBlock

Viewbox

ToggleSwitch

UIElement

DependencyObject

Object

Text Controls

Sonstige Elemente

Image

FileOpenPicker FileSavePicker

FolderPicker

Popups

MessageDialog

PopupMenu

ItemsControl

Selector

FlipView ListViewBase

FrameworkElementPopup

Pickers

Kapitel 13, “Dateien und Verzeichnisse”

MediaElememt

Kapitel 21, “Media”

WebView

Grundlagen

Selector

FlipView

ItemsControl

ListViewBase

GridViewListView

Control

SemanticZoom

ItemsControl

Objekte werden entweder zur Items-Property hinzugefügt oder eine ganze Collection der ItemsSource-Property zugewiesen

Sind die Objekte vom Typ UIElement, werden sie dargestellt, ansonsten wird das Ergebnis der ToString-Methode in einem TextBlock angezeigt.

Es sei denn, die DisplayMemberPath-Property ist gesetzt Oder die ItemTemplate-Property enthält ein DataTemplate

Die FlipView

Stellt genau ein Element einer Collection dar

Erlaubt das Blättern durch die Collection Definiert selbst keine öffentlichen

MitgliederDemo

Agenda

Agenda

Grundlagen & die FlipView ListView, GridView &

SemanticZoom Inkrementelles Laden

Die ListView

Die ListView

Stellt eine Liste von Elementen dar Wird häufig in der Snapped-View

verwendet Unterstützt semantisches Zoomen und

gruppierte Daten

Demo

Die GridView

Die GridView

Stellt Elemente in einer Art Raster dar Das typische Design für Windows Store

Apps Unterstützt semantisches Zoomen und

gruppierte Daten

Demo

Daten gruppieren

Daten gruppieren - CollectionViews Das Interface ICollectionView bietet eine

«Ansicht» auf eine Collection Mit der CurrentItem-Property weiss es, welches Element selektiert ist. Mit Methoden wie MoveCurrentToNext lässt sich durch die Collection

navigieren

Die ICollectionView ist die Basis für gruppierte Daten

Die WinRT besitzt keine öffentliche Implementierung von ICollectionView

Daten gruppieren - CollectionViewSource CollectionViewSource-Klasse erlaubt das

Erstellen von CollectionViews Der Source-Property wird die Collection zugewiesen Die View-Property enthält die ICollectionView

Sind die Daten gruppiert, wird die IsSourceGrouped-Property auf true gesetzt.

Wird von der ListView & GridView unterstützt

Daten gruppieren

Gruppierte Daten in der ListView und GridView

Demo

Semantischer Zoom

Semantischer Zoom

Kein optischer Zoom, sondern ein Zoom aus Datensicht

SemanticZoom-Control besitzt dazu die Properties ZoomedInView und ZoomedOutView

Beide sind vom Typ ISemanticZoomInformation

ListView und GridView lassen sich in beiden Properties nutzen

Ihre Basisklasse ListViewBase implementiert ISemanticZoomInformation

Semantischer Zoom

Demo

ListView, GridView & Co. in FriendStorage

Demo

Agenda

Agenda

Grundlagen & die FlipView ListView, GridView &

SemanticZoom Inkrementelles Laden

Inkrementelles Laden

ISupportIncrementalLoading

Das Interface wird von einer Collection implementiert, die inkrementelles Laden unterstützt.

Definiert nur zwei Mitglieder: Die Property HasMoreItems Die Methode LoadMoreItemsAsync

Optimal um Daten vom Web (Cloud ) dynamisch nachzuladen

ISupportIncrementalLoading

Demo

Agenda

Agenda

Grundlagen & die FlipView ListView, GridView &

SemanticZoom Inkrementelles Laden

Fazit

FlipView, ListView und GridView machen viel vom Windows 8 Style aus. Jeder App-Entwickler muss diese Controls kennen und beherrschen

Mit etwas Wissen über DataTemplates und CollectionViews lassen sich die Controls einfach nutzen

Inkrementelles Laden ist insbesondere beim Anbinden von Web-/Cloud-Diensten spannend.

Am Trivadis Stand

Signed by

Thomas Huber

1. Preis

2. Preis

3. Preis

Wettbewerb

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

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

Slides/Samples are on:

www.thomasclaudiushuber.com/talks.php

Twitter: @thomasclaudiushMail: thomas.huber@trivadis.com