Beim Erstellen von Icons für Silverlight- oder WPF-Anwendungen ist Expression Blend das Tool der Wahl. Hier können beispielsweise Icons oder Grafiken erstellt oder aus externen Anwendung in die Expression Blend Umgebung importiert werden, so dass ansprechende Oberflächen und Anwendung entstehen.
Zur Auswahl steht hier beispielsweise die Importmöglichkeit von Adobe XFG-Dateien, sodass diese direkt im Silverlight-XAML-Code weiterverwendet werden können.>> mehr…
Sollen bestehende Icons, beispielsweise Clip Arts aus PowerPoint weiterverwendet werden, so gibt es folgenden Trick:
- Da Expression Blend nicht direkt Microsoft Clip Arts z.B. aus der Zwischenablage importieren kann, wird der XAML-Code des Shapes benötigt.
- Der XAML-Code der PowerPoint Form kann über den Umweg eines XPS-Dokumentes automatisch und ohne großen Aufwand erstellt werden
Alle innerhalb dieses Postings beschriebenen Schritte sind mit Hilfe von PowerPoint 2010 erstellt. Hierbei wird auf 3rd Party AddIns oder Erweiterung verzichtet, so dass die Schritte nachvollziehbar sind. Die nachfolgende Schritte nutzen hierbei sehr intensiv die neuen PowerPoint 2010 Formenfunktionen, daher der Hinweis auf folgendes Einführungsposting: Creating Custom Shapes in PowerPoint 2010 und auch auf das Posting hier im SDX Flurfunk “PowerPoint Icons erstellen”.
Folgende Schritte sind notwendig, um ein PowerPoint Icon als XAML-Code umzuwandeln, sodass dieser in Expression Blend weiterverwendet werden kann.
- Die bestehende PowerPoint-Form selektieren, und eventuell mit der PowerPoint 2010 „Formen Kombinieren“-Funktion kombinieren. (siehe Creating Custom Shapes in PowerPoint 2010)
-
Die neu kombinierte PowerPoint-Form in die Zwischenablage kopieren und in ein leeres Office Dokument (z.B. Microsoft PowerPoint) einfügen.
- Das neu erstellte Dokument als XPS-Dateiformat z.B. auf dem Desktop abspeichern. (Datei > Speichern unter > PDF oder XPS). Hierfür ist folgendes kostenfreies Add-In für die Office 2007 Suite von Microsoft notwendig, „2007 Microsoft Office Add-in: Microsoft Save as PDF or XPS“. Bei der Office 2010 Produktsuite sollte keine Installation mehr notwendig sein.
- Die Dateiendung als „.zip“-Dokument umbenennen
- Das Zip-Archiv öffnen und in den Ordner „Documents1Pages“ navigieren und eine Datei mit der Dateiendung „*.fpage“ suchen und mit einem Texteditor z.B. Notepad öffnen.
- Den Code-Abschnitt unterhalb des „FixedPage“-Elements kopieren und in Expression Blend an der passenden Stelle einfügen und dort ggf. nachbearbeiten.
Hierbei wird deutlich, warum wir den Zwischenschritt 2 über ein neues PowerPoint-Dokument gewählt haben. Hätten wir den Schritt ausgelassen, so müssten wir in der „*.fpage“-XAML-Datei den passenden Code-Ausschnitt aus eine Vielzahl von Shapedefinitionen selber heraussuchen. In unserm Fall befindet sich innerhalb des “FixedPage”-Elementes nur der XAML-Code für das PowerPoint Icon, also genau der Teilbereich, den wir in Silverlight nutzen wollen.
Dieser Umweg über die XPS-Erweiterung funktioniert, da das XPS Format passend für den Bereich Druck als XAML-Datei vorliegt, sodass wir den erzeugten XAML-Code direkt in beliebigen Silverlight- oder WPF-Projekten weiterverwenden können.
Weitere Informationen zum XPS-Dateiformat (XPS = XML Paper Specification) finden sich hier bzw. im Blog Post von Jeff Bell.