Marcel Lattmann Senior Consultant, Trivadis AG [email protected].
Developer Day Deep Dive into WinRT-Controls: FlipView, ListView, GridView and SemanticZoom Thomas...
-
Upload
lulu-schipper -
Category
Documents
-
view
104 -
download
0
Transcript of Developer Day Deep Dive into WinRT-Controls: FlipView, ListView, GridView and SemanticZoom Thomas...
Developer Day
Deep Dive into WinRT-Controls:FlipView, ListView, GridView and SemanticZoom
Thomas Claudius HuberPrincipal Consultant, Trivadis [email protected]
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: [email protected]