Programming with Silverlight, WPF & .NET

Wenn man mit Silverlight entwickeln will, sind folgende Werkzeuge zu empfehlen:

• Silverlight Spy
• Fiddler
• XAML Powertoys
• Silverlight Toolkit

Silverlight Spy
Bei Silverlight Applikationen spielt die grafische Oberfläche eine wichtige Rolle. Mit XAML definierte UI können komplexe Züge annehmen. UserControls, die ineinander verschachtelt sind, Templates, Styles und Animationen formen eine Oberfläche die anspruchsvoll sein kann.

Silverlight Spy hilft einem dabei sich durch die komplexen Strukturen zu kämpfen, in dem man im programm eigenen Browser die Applikation ansteuert. Die Oberfläche kann man nun im Detail untersuchen, das jeweilige ausgewählte UI Element wird links im Browser rot markiert. Man kann auch Eigenschaften der Controls direkt in SilverlightSpy verändern. Diese Änderungen werden gleich im Browser dargestellt, was einem eine gute Möglichkeit bietet Abständen, usw. auszuprobieren.

Weiters werden noch interessante Möglichkeit geboten, z.B. Anzeigen der gefeuerten Events oder des Netzwerkverkehrs. Auch das Testen von Cross-Domain Einstellungen ist möglich.

Das Tool Unterstützt Silverlight 2 und 3.

Fiddler
Silverlight wird auf den lokalen Maschinen der Endbenutzer ausgeführt. Um mit entfernten Systemen zu kommunizieren, wird der Browser HTTP Stack verwendet. Um nun auf Datenbanken zu zugreifen, muss man HTTP Mechnamismen, wie WCF Services, ADO.NET Data Services & Co, verwenden.

Deshalb ist der HTTP Zugriff entsprechend wichtig für Silverlight. Aufgrund von Cross-Domain Einschränkungen und Caching des Browsers ist es wichtig, den HTTP Traffic zwischen Silverlight und den Servern zu analysieren. Fiddler ist hierfür ein sehr nützliches Werkzeug. Fiddler ist ein HTTP Debugging Proxy, der sich als Proxy zwischen den gesamten Remote-Netzwerksverkehr hängt, und die Kommunikation darstellt.

XAML Power Toys
Um UIs in XAML zu bauen, kann man Expression BLend als Design Tool oder Visual Studio für die Editierung verwenden oder auch gemischt. Wenn man nun den 2. Weg wählt aber nicht viel tippen möchte, dann kann man XAML PowerToys nur empfehlen. Dieses Tool ist ein hilfreiches Werkzeug, welches die Generierung von XAML Fragmenten unterstützt.

Es ist ein unerlässliches Tool für alle, die Oberflächen mit Silverlight und WPF entwickeln wollen.

Silverlight Toolkit
Nachdem Silverlight nicht nur eine Plattform für Filme, Animationen und Werbebanner ist, sondern vor allem für Business Applikationen. Für Applikationen benötigt man aber auch Controls.

Silverlight hat schon ausgesuchte Controls, wie Button, TextBox, MediaElement, ComboBox,… integriert. Die Silverlight SDK bietet zusätzlich noch DataGrid, DatePicker, TabControl und viele mehr. Aber falls man noch mehr benötigt, dann ist das Silverlight Toolkit die Lösung. Es wurde direkt von Silverlight Produktteam gebaut, deshalb ist es auch wahrscheinlich, dass diese Controls in späteren Versionen von Silverlight eingebaut werden.

Silverlight Toolkit bietet unterschiedliche Chart-Controls, TimePicker, AutoComplete TextBox, DockPanel, ViewBox, Accordion uvm.

Databindings werden meist in XAML definiert und da kann sich schon ab und zu ein Tippfehler einschleichen, so dass das Ergebnis nicht dem gewünschten entspricht.

Bernd Hengelein hat in seinem Blog C and it’s sharp ein Tool vorgestellt, das einem das Leben leichter macht, Snoop.

Zweimal jährlich veröffentlicht Jesse Liberty seine Lieblings Tools.

In seinem Post befindet sich eine lange Liste, vorbeischauen lohnt sich.

Microsoft Expression Design ist ein professionelles Illustrations- und Grafikdesigntool, welches uns gebaute Element compilieren lässt. Dieses Tool ist besonders gut um Vektorbasierte Grafiken zu erstellen.

Mike Snow hat deshalb einen Post “Tip of the Day #66” verfasst.

Im Post “So Much Technology – So Little Time” hat Jesse Liberty einerseits die Geschichte ein wenig Revue passieren lassen, beginnend mit 1971, aber am Ende erwähnt er auch, alles was ein Silverlight-Programmierer wissen sollte.

Neben den Tools, wie Visual Studio und Expression Blend, gibt es dort Links zu verwandeten Technologien und Buchempfehlungen.

Vor einiger Zeit hat Tim Heuer mir schon gesagt, wenn ich ein Problem bei meiner Bachelorarbeit habe, kann ich mich sofort an ihn wenden.

So jetzt war es soweit, gestern gab es das offizielle Release von Silverlight 2. Um die Arbeit auf der aktuellen Version gleich laufbar zu machen, wollte ich mir auch gleich die Silverlight 2 Tools für Visual Studio 2008 installieren. Wie auch bei letzten Mal hatte ich da so meine Probleme.

Als erstes deinstallierte ich Expression Blend 2.5 June 2008 Preview, weil es eine der beiden Fehlermeldung besagt. Im nächsten Schritt deinstallierte ich die SDK und Silverlight 2.0, bis schließlich sämtliche Spuren von Silverlight auf meinem PC verschunden waren. Neuerlich Versuch der Installation schlug immer noch Fehl, angeblich soll noch ein Rest von Silverlight vorhanden sein, dabei zeigt die Programmdeinstallation keine Spur mehr von Silverlight. Da auch mehrmaliger Neustart des Windows nicht weiterhalf. Nahm ich Kontakt mit Tim Heuer auf.

Nach nicht mal 5 Minuten kam die Antwort von ihm und der Bitte ihm die restlichen Details bekannt zu geben. Nach einigen Mails und diversen Tips sind wir noch zu keiner Lösung gekommen.

Ich würde sagen eine glatte 1+ für Tim. Jesse Liberty bat mich die Frage ins Forum zu stellen, seine erste Antwort kam erst ein paar Stunden später.

Tim hat von mir jetzt die Schritte (inkl. Screenshots) die vom Download bis zum Fehler bekommen, jetzt schaut er sich das an. Leider ist der Link etwas Fehlerhaft, sonst hätte er das Logfile bekommen können.

Habe gerade das Blog-Tool Scribefire für den Firefox entdeckt und eigentlich sollte es mir erleichtern meine Blogs zu schreiben. Aber lassen wir uns überraschen, wie es im dann sein wird.

Hier die Seite von Scribefire.

Nachdem ich einige Probleme hatte, die Silverlight Tools Beta 2 für Visual Studio 2008 einzurichten ist mir endlich ein Durchbruch gelungen.

Eine Version zum Ausprobieren von Visual Studio 2008 gibt es auf der Microsoft Download Seite

Sollte Visual Studio 2008 schon installiert sein sind folgende Schritte notwendig:

1. Überprüfen, ob Visual Studio Service Pack 1 installiert ist.
   • Sollte Service Pack 1 Beta installiert sein, dieses mit dem Visual Studio 2008 Service Pack Preparation Tool entfernen.
2. Als nächstes Microsoft® Silverlight™ 2 Software Development Kit Beta 2 installieren
3. Dann sollte sich auch das Microsoft Silverlight Tools Beta 2 for Visual Studio 2008 ohne weitere Probleme installieren lassen.

Als weiteres empfiehlt sich für das Design noch das MS Expression Blend Preview in der aktuellen Version herunterladen (derzeit June 2008).

Weitere Tools gibt es hier .

So nach langer Zeit bin ich auf ein mögliches Problem gekommen. Auf den Rechnern wurde gleich Visual Studio 2008 SP 1 Beta installiert, was nicht mit den Silverlight 2 Tools funktioniert. Aber das Service Pack 1 Beta geht nicht so einfach zu deinstallieren, man benötigt hierfür ein eigenes Remove-Tool, das es auch in mehreren Sprachen erhältlich ist.

Das Tool VS2008-PatchRemovalTool-x86.exe muss dazu heruntergeladen werden und ausgeführt werden. Man kann die entsprechende Sprache auch hier wählen.

Danach einfach das Service Pack 1 herunterladen, wiederum wichtig die entsprechende Sprache des Visual Studio wählen.

Nachdem die Installation des Service Pack 1 bei mir fehlgeschlagen hat, was sich an der neuen Fehlermeldung beim installieren zeigte, muss ich jetzt nochmals warten, dabei wollte ich mich endlich versuchen das von Jesse Libertys Tutorial 3 – Displaying SQL Database Data in a DataGrid using LINQ and WCF versuchen umzusetzen.

Bereits installiert habe ich:

• Silverlight 1.0
• Silverlight 2.0 Beta
• .NET Framework 3.5

und zusätzlich die Tools:

• Expression Blend 2.5 June 2008 Preview
• Deep Zoom Composer (Tool zur Vorbereitung von Bildern um das Deep Zoom Feature von Silverlight 2 zu nutzen.

Jetzt werden wir noch

• Visual Studio 2008
• Silverlight Tools Beta 2 für Visual Studio 2008