Wie und wann verwendet man WPF?

Gerhard Jaros

• • • • • • Geschäftsführer EPS Software GmbH, Österreich Seit 3 Jahren Sprecher auf verschiedenen Konferenzen VFPConversion Sprecher 17 Jahre Software-Entwicklung in dBase, FoxPro und VFP 4 Jahre Software-Entwicklung mit Visual Studio (C#) Österreicher – schwierige Sprache, sorry!

• • • • • • • • •

Worüber wir uns unterhalten sollten ...

Was ist Windows Presentation Foundation?

Wozu Windows Presentation Foundation?

Wozu Silverlight?

Vorteile und Nachteile von WPF Alles bisherige vergessen?

Technische Voraussetzungen für WPF und Silverlight WinForms vs. WPF-Forms Silverlight vs. ASP.NET vs. AJAX Silverlight vs. XBAP

Was wir uns ansehen sollten ...

• • • Binding Styles Templates – ControlTemplates – DataTemplates

Was ist Windows Presentation Foundation/XAML?

• • • • Neues Frontend-Entwicklertool von Microsoft nach 20 Jahren Derzeit 2. Version von WPF XAML-Basierend XAML ist „die Beschreibung“ von Elementen, WPF setzt sie in ein UI um

Wozu Windows Presentation Foundation?

Wenn Entwickler nicht mit der Zeit gehen, müssen sie mit der Zeit gehen.

• • • • • • • • Erwartungshaltung der User Flexibilität in einer Zeit der ständigen Änderungen Qualität der Forms Performance Vektoren Animationen Medien Zeitgemäße Anforderungen

Vorteile

• • • What you see is what you get.

„Natürliches“ Frontend XAML: ein Code für verschiedene Frontends • • Databinding Bisher undenkbare Gestaltungsmöglichkeiten

Vorteile II

• • • • • Keine Bildschirmauflösung im bisherigen Sinn (Margins) – vektorbasierende Oberfläche Animationen 3-D-Applikationen und –Animationen Viele Codebeispiele im Web (meist auf Englisch) Upgrade von bestehenden .NET-Applikationen relativ einfach

Nachteile

• • • • XAML: Relativ hohe Lernkurve durch die unzähligen Möglichkeiten mit dieser Sprache Anforderungen an den User-Rechner Anforderungen an den Entwickler-Rechner (Cider) Fehlende Anfragen von den Kunden mangels Information durch uns Entwickler

Wozu Silverlight?

• • • • AJAX löst viele Probleme AJAX führt zu neuen Anforderungen Das bisherige Web UI ist eingeschränkt – Fähigkeiten des Browsers – JavaScript – Standard HTML-Tags Wir brauchen also ein neues Format und neue kompilierbare Sprachen

Geschichte der Web UIs

• • • • Browsers und HTML Dann JavaScript und CSS 1997/1998: Dynamic HTML Plug-Ins: – ActiveX (ca. 1998) – Flash – Silverlight = „ActiveX mit Security und Interop“

Was ist Silverlight?

• • Version 1.0

– Reaktion von MS auf Flash – JavaScript im Hintergrund, verwendet (sehr einfaches XAML) – PlugIn: 1,37 MB Version 2 – CoreCLR und Security inkludiert – Unterstützt managed und dynamic languages (z.B. Iron Python/Iron Ruby) – (Fast) Komplettes XAML – – Browser-unabhängig PlugIn: 1,44 MB – Silverlight 2 sitzt zwischen AJAX und Smart Clients

Alles bisherige vergessen?

.NET Framework 3.0

Windows Presentation Foundation

Windows Communication Foundation Windows Workflow Foundation Windows Forms .NET Framework 2.0

ASP.NET

ADO.NET

Windows CardSpace Base Class Libraries Common Language Runtime

Alles bisherige vergessen?

• • • • • Nein.

WPF = alternative Erweiterungsmöglichkeit zu WinForms Technische Voraussetzungen beim User Gewohnheiten des Users WPF als Control in einer WinForm

Technische Voraussetzungen für WPF und Silverlight

• • • • • Windows 2008 (32 bit und 64 bit) Windows Vista (32 bit und 64 bit) Windows XP Windows 2003 Windows 2000

Technische Voraussetzungen für WPF und Silverlight für Entwickler 2

• • • Visual Studio 2005: Final, released versions von Visual Studio Standard Edition, Visual Studio Professional Edition, Visual Studio Team System Editions, oder Visual Studio 2008 (Team, Professional, Standard und Express) .NET Framework 3.5

WinForms vs. WPF-Forms

• • • • • • Stand der Technik beim Anwender Gewohnheiten der Anwender Lebenszyklus der Applikation Geschwindigkeit bei der Entwicklung von UI‘s Animationen 3D-Anwendungen

Silverlight vs. AJAX

• • • • Compiled Code vs. Interpretiertes JavaScript – Performance!

XAML vs. HTML .NET FX subsets vs. JavaScript class libraries Silverlight ist ein PlugIn – Sehr einfache Installation

Silverlight vs. Smart Clients

• • • Silverlight-Solutions sind Web-Solutions Web Solutions – Einfaches Deployment – nur ein Server muss aktualisiert werden – Clients mit verschiedensten Plattformen können die Applikation verwenden Desktop Solutions – ClickOnce als einfaches Deployment (unter Windows) – Enge Bindung an Windows und .NET

Silverlight vs. XBAP

• • • • XBAP = Extended Browser Applications Ein XBAP-File verwendet intern ClickOnce, um deployed zu werden XBAP unterstützt alle WPF-Funktionen (inklusive 3D) XBAP benötigt das .NET Framework 3.5

– Installation weitaus größer als das Silverlight Plug-In

Silverlight vs. Flash

• • • • Silverlight seit 2007, Flash seit 1997 Flash entwickelte sich vom Illustrations- und Animationstool zu einer ernsthaften Programmiersprache Silverlight ist das „grafisch orientierte Add-On“ zu einer etablierten Entwickler-Umgebung Direkter Vergleich schwer möglich – Flash verwendet eine Bibliothek, in der Elemente liegen – Silverlight nutzt XAML, um diese Elemente einzubinden

Silverlight vs. Flash 2

• • • • XAML: Einfache Lesbarkeit durch Mensch und Maschine – Kann von JavaScript genauso wie von C# gelesen werden – XAML ist eine deklarative (=beschreibende) Markup Sprache XAML ist von Suchmaschinen leichter auffindbar als Flash (semantische Zusammenhänge) Flash-Programmierer tun sich mit Silverlight schwer – Und davon gibt es mehr, als Silverlight-Programmierer – Kenntnisse in Visual Studio erforderlich Flash unterstützt mehr Video-Formate (FLV, MPEG4, QuickTime, ...)

Binding

• • • System.Windows.Data.Binding

An alle UIElements können Daten gebunden werden – Grids, Panels, Textboxes, Listboxes, ....

{Binding} sucht das nächste Binding in der darüberliegenden Hierarchie – Zuerst beim eigenen Element, dann darüber usw.

Styles

• • Globales Verändern des Layouts von Steuerelementen Zuweisen von „Values“ mit Hilfe von „Settern“

Templates

< ControlTemplate x : Key ="myButtonTemplate"> < Grid Background ="Silver"> < ContentPresenter /> < DataTemplate > < TextBlock Text ="{ Binding }" Foreground ="DarkGray"/>

Styles vs. Templates

• • Mit Templates werden die Basiselemente und deren Properties für ein Element festgelegt.

Mit Styles werden die Werte der Properties definiert.

Vergleich: Auto

• • Styles: – Außenfarbe – Innenfarbe Templates: – speziell angefertigter Schalensitz – Sonderlackierung