Tim Heuer wurde in seinem Post “SNEAK PEEK: New Silverlight application theme” sogar etwas poetisch, aber es geht im Endeffekt, um die Vorstellung der neuen Themes des UX design team für Silverlight.
Als erstes Codename “Grayscale” etwas an die bestehenden Themes angelehnt, aber doch doch entfernt von den “Traditionelen”:
Codename “Windows Theme” angelehnt an das Windows 7 Design:
Codename “Metro” angelehnt an Zune Desktop (und Geräte) Softwaredesign:
Das war der Ausblick auf einige Silverlight Application Themes. Was wird wirklich erscheinen?
Corrina Barber hat einige Silverlight Themes veröffentlicht. Es sind 10 Themes veröffentlicht, welche einfach für ein Silverlight Projekt verwenden werden können. Man erstellt entweder ein “Silverlight Navigation Application” oder eine “Silverlight Business Application” um die Visual Studio Project templates.
Beachte,
- wenn man diese Projekte im Visual Studio New Project Dialog sieht, dann muss man die Visual Studio Tools für Silverlight genauso installieren wie die .Net RIA Services. Genaueres finde man unter Silverlight.net.
- wenn man nicht Visual Studio verwendet, kann man Corrina Barbers Start-Projekte für Silverlight Navigation Application und Silverlight Business Application verwenden. Man muss nur .Net RIA Service installieren, wenn man sich für ein Business Projekt entscheidet, weil dieses Projekt ein Login/Logout UI inkludiert.
Diese Themes ist eigentlich einfach zu verwenden, man muss nur das “Style.xaml”-File im Projekt “Assets”-Verzeichnis mit der gewünschten “Styles.xaml” Theme-Datei austauschen.
Es beinhaltet folgende Themes.
Candy
Hier ist zu beachten:
- Das Navigations Template erfordert das Picture “BackgroundImg.png” welches im “Assets” Verzeichnis liegt und zum Projekt hinzugefügt werden muss.
- Das Business Template erfordert, die Bilder “Arrows.png” und ebenfalls “BackgroundImg.png”, die auch wieder im “Assets” Folder gespeichert sind.
Seeing Sound
Die Applikationsfarben können in vielen der anschließenden Themes angepasst werden, durch modifizieren der Brushes, welche am Beginn des “Style.xaml” Files stehen oder durch die Verwendung von Blend.
Beachte:
- Beide das Navigations Template und das Business Template erfordern, dass Bild “Noise.png” aus dem “Assets”-Folder, welches dem Projekt hinzugefügt werden muss.
- Applikationsfarben können einfach angepasst werden durch die Modifikation der Brushes am Beginn des “Style.xaml” Files.
- Hyperlinks haben einen Transition zwischen ausgeführten und unausgeführten Status.
Mediteranean Sun
Beachte:
- Beide Templates benötigen das Bild “Noise.png” aus dem “Assets” Verzeichnis.
- in der “Style.xaml”-Datei kann man die Applikationsfarbe einfach ändern.
LimeShocker
Beachte:
- Die Farbe kann man leicht im “Styles.xaml”-File verändern.
- Hyperlinks haben einen Übergang zwischen ausgewählten und unausgewählten Status.
Aurora
Beachte:
- Applikationsfarbe können leicht im “Styles.xaml” verändert werden.
Pinky
Beachte:
- Die Farben können einfach im “Styles.xaml” angepasst werden.
- Fährt man mit der Maus über einen Hyperlink erscheint ein Animation beim Blauen Pfeil.
Skyline
Beachte:
- Im “Styles.xaml” können die Farben verändert werden.
Subdued
Beachte:
- Die Farben können im “Style.xaml” angepasst werden.
Frosted Cinnamon Toast
Beachte:
- Die Applikationsfarben können einfach im “Style.xaml”-File modifiziert werden.
Retro
Beachte:
- Die Anpassung der Farben erfolgt im “Styles.xaml”.
Die Themes können im SkyDrive von Corinna Barber oder bei der Microsoft Expression Community heruntergeladen werden.
