Data Templates. Thomas Claudius Huber

Transkript

1 Data Templates Thomas Claudius Huber

2 Thomas Claudius Huber.NET Senior Basel Spezialisiert auf Silverlight und WPF Autor der umfassenden Handbücher zu Silverlight und WPF Entwickelt im Business-Umfeld hauptsächlich WPF- und Silverlight- Anwendungen

3 Trivadis Solutions Portfolio and competences CUSTOMER Business departments BUSINESS INTEGRATION SERVICES IT SOLUTIONS, SERVICES, & PRODUCTS Business Intelligence Enterprise Content Management Infrastructure Engineering Application Development IT departments Training Managed Services Integration, Application Performance Management, Security TECHNOLOGIES Microsoft, Oracle, IBM, Open Source

4 Trivadis facts & figures Hamburg 11 Trivadis locations with more than 550 employees Financially independent and sustainably profitable Key figures 2010 Düsseldorf Frankfurt ~170 employees Revenue CHF 101 / EUR 73 mio. Services for more than 700 clients in over projects Over 170 Service Level Agreements Basel Bern Lausanne Stuttgart Freiburg Zurich ~370 employees Munich Vienna ~20 employees More than 5'000 training participants Research and development budget: CHF 5.0 / EUR 3.6 mio.

5 Agenda Daten Grundlagen Control-Grundlagen DataTemplates

6 Die Quelle eines Data-Bindings Die Quelle wird über eine der folgenden drei Properties gesetzt: Source ElementName RelativeSource Ist keine der drei Properties gesetzt, sucht das Binding aufwärts im Elementbaum nach dem DataContext Jedes FrameworkElement besitzt eine DataContext- Property Sobald dieser auf einem Element nicht null ist, wird er als Quelle verwendet

7 Die Quelle eines Data-Bindings

8 Agenda Daten Grundlagen Control-Grundlagen DataTemplates

9 Zwei Control-Gruppen, welche Objekte als Kinder haben ItemsControls Nehmen über Items- oder ItemsSource-Property mehrere Objekte an Typische Vertreter: ListBox, ComboBox ContentControls Nimmt mit der Content-Property ein Objekt an Typische Vertreter: Window, Button, GroupBox

10 Goldene Regel Ist das hinzugefügte Objekt vom Typ UIElement? Wenn ja, wird es gezeichnet. Wenn nein, wird das Ergebnis der ToString- Methode in einem TextBlock verpackt und dieser TextBlock gezeichnet

11 Goldene Regel

12 Möglichkeiten für «Nicht-UIElemente» Per default wird ToString-Methode aufgerufen und Ergebnis in einem TextBlock verpackt Alternativen: DisplayMemberPath-Property der ItemsControl-Klasse Mit ihr kann bestimmt werden, welche Property des Objekts angezeigt werden soll DataTemplate erstellen Wird der ItemTemplate-Property des ItemsControl oder der ContentTemplate-Property des ContentControl zugewiesen Es gibt diverse andere Properties in WPF/Silverlight, welche DataTemplates entgegennehmen

13 DisplayMemberPath

14 Agenda Daten Grundlagen Control-Grundlagen DataTemplates

15 DataTemplates Definieren das Aussehen für «Nicht- UIElemente» bzw. «Daten-Objekte» Die Daten-Objekte stammen üblicherweise aus dem ViewModel und werden in Controls wie ListBox oder ComboBox dargestellt Innerhalb des DataTemplates lassen sich beliebige WPF-Controls verwenden Im DataContext des DataTemplates steckt automatisch das Daten-Objekt

16 DataTemplates

17 DataTemplates in Expression Blend Expression Blend unterstützt das Erstellen von DataTemplates Damit der Designer allerdings das DataTemplate richtig binden kann, müssen Beispieldaten existieren Beispieldaten können direkt aus dem ViewModel kommen oder in Expression Blend generiert werden

18 DataTemplates in Expression Blend

19 Aus dem DataTemplate ausbrechen In manchen Fällen benötigt man im DataTemplate eine Property des ViewModel Problem: ViewModel ist nicht verfügbar, da im DataTemplate das Daten-Objekt im DataContext ist Lösung: Binding erstellen mit RelativeSource FindAncestor (In Silverlight ab Version 5.0 ebenfalls verfügbar)

20 Aus dem DataTemplate ausbrechen

21 Trigger im DataTemplate DataTemplate-Klasse besitzt eine Triggers- Property Mit einem DataTrigger lässt sich eine Art ConditionalFormatting durchführen Es ist nur ein Gleichheits-Vergleich möglich, z.b. Salary == Für einen Vergleich Salary<1000 lässt sich als Trick ein Converter im Binding nutzen

22 Trigger im DataTemplate

23 Fazit DataTemplates verleihen Objekten, die nicht von UIElement erben, ein Aussehen DataTemplates unterstützen Trigger Zum Design in Expression Blend müssen Beispieldaten erstellt werden.

24 Infos

25 FRAGEN?

26 Ihr Feedback ist uns wichtig

27 Vielen Dank!