Deep Dive into WinRT-Controls:

Größe: px

Ab Seite anzeigen:

Download "Deep Dive into WinRT-Controls:"

Gerda Albrecht
vor 7 Jahren
Abrufe

1 Developer Day Deep Dive into WinRT-Controls: FlipView, ListView, GridView and SemanticZoom Thomas Claudius Huber Principal Consultant, Trivadis AG

Principal Consultant @Trivadis Technologien im Fokus: Mag Fussball,

2 Principal Technologien im Fokus: Mag Fussball, Sport, Motorräder und geniesst die freie Zeit mit der Familie und Freunden.

3 IT SOLUTIONS, SERVICES & PRODUCTS Business Integration Services Business Intelligence Infrastructure Engineering Application Development Managed Services Training Integration, Application Performance Management, Security TECHNOLOGIES Microsoft, Oracle, IBM, Open Source

11 Trivadis locations with more than 600 employees Financially independent and sustainably profitable Key figures 2011 Revenue CHF 104 / EUR 84 Mio.

4 11 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.

5 Grundlagen & die FlipView ListView, GridView & SemanticZoom Inkrementelles Laden Agenda

6 Grundlagen

7 Popups Object Pickers MessageDialog DependencyObject FileOpenPicker FileSavePicker PopupMenu Popup UIElement FrameworkElement Kapitel 13, Dateien und Verzeichnisse FolderPicker Sonstige Elemente TextBlock Text Controls RichTextBlock Control Image Viewbox ToggleSwitch WebView TextBox PasswordBox RichEditBox Shape Kapitel 15, 2D Grafik Panel Kapitel 5, Layout MediaElememt Kapitel 21, Media Range Controls RangeBase (abstract) UserControl Kapitel 12, Eigene Controls und Komponenten ProgressBar ScrollBar Slider Content Controls ContentControl Page Kapitel 2, Das Programmiermodell SelectorItem Frame ScrollViewer ToolTip ButtonBase AppBar Items Controls ItemsControl Selector ComboBox ListBox Button RepeatButton ToggleButton HyperlinkButton FlipView ListViewBase CheckBox RadioButton ListView GridView

8 Control SemanticZoom ItemsControl Selector ListViewBase FlipView ListView GridView

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

10 Stellt genau ein Element einer Collection dar Erlaubt das Blättern durch die Collection Definiert selbst keine öffentlichen Mitglieder Demo

11 Grundlagen & die FlipView ListView, GridView & SemanticZoom Inkrementelles Laden Agenda

12 Die ListView

13 Stellt eine Liste von Elementen dar Wird häufig in der Snapped-View verwendet Unterstützt semantisches Zoomen und gruppierte Daten Demo

14 Die GridView

15 Stellt Elemente in einer Art Raster dar Das typische Design für Windows Store Apps Unterstützt semantisches Zoomen und gruppierte Daten Demo

16 Daten gruppieren

17 Das Interface ICollectionView bietet eine «Ansicht» auf eine Collection Die ICollectionView ist die Basis für gruppierte Daten Die WinRT besitzt keine öffentliche Implementierung von ICollectionView

18 CollectionViewSource-Klasse erlaubt das Erstellen von CollectionViews Sind die Daten gruppiert, wird die IsSourceGrouped-Property auf true gesetzt. Wird von der ListView & GridView unterstützt

19 Gruppierte Daten in der ListView und GridView Demo

20 Semantischer Zoom

21 Kein optischer Zoom, sondern ein Zoom aus Datensicht SemanticZoom-Control besitzt dazu die Properties ZoomedInView und ZoomedOutView ListView und GridView lassen sich in beiden Properties nutzen

22 Demo

23 Demo

24 Grundlagen & die FlipView ListView, GridView & SemanticZoom Inkrementelles Laden Agenda

25 Inkrementelles Laden

26 Das Interface wird von einer Collection implementiert, die inkrementelles Laden unterstützt. Definiert nur zwei Mitglieder: Optimal um Daten vom Web (Cloud ) dynamisch nachzuladen

27 Demo

28 Grundlagen & die FlipView ListView, GridView & SemanticZoom Inkrementelles Laden Agenda

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

30 Wettbewerb 1. Preis Am Trivadis Stand 2. Preis Signed by 3. Preis Thomas Huber

Slides/Samples unter: www.thomasclaudiushuber.com/talks.

31 Slides/Samples unter: Mail:

Ähnliche Dokumente

Control Templates. Thomas Claudius Huber

Control Templates. Thomas Claudius Huber Control Templates Thomas Claudius Huber thomas.huber@trivadis.com www.thomasclaudiushuber.com Thomas Claudius Huber.NET Senior Consultant @Trivadis Basel Spezialisiert auf Silverlight und WPF Autor der