Seiten

Montag, 13. September 2010

Video: Seitenübergänge mit eigener Transition - Silverlight 4

Das Navigation-Framework von Silverlight ermöglicht es, in einer Silverlight-Anwendung zwischen mehreren Seiten zu navigieren, einschließlich der Integration in die Browser-History. Alles was man dazu braucht, sind die einzelnen Seiten, also Pages, und ein Frame-Element, in dem die Seiten angezeigt werden und das für die Navigation zuständig ist.

Soweit so gut. Die Seitenübergänge von einer zur nächsten Seite sind standardmäßig jedoch plötzlich. Also bei der Navigation zu einer neuen Seite erscheint die Seite sofort und ohne Seitenübergang.

Es gibt aber eine recht einfache Möglichkeit, innerhalb des Navigation-Framework ansprechende Seitenübergänge hinzuzufügen. Wie man einen eigenen Seitenübergang erstellen und implementieren kann, das habe ich in einem Demovideo zusammengefaßt.


Seitenübergänge mit eigener Transition from LawBot on Vimeo.

Das Demovideo findet Ihr, neben weiteren Screencasts, auch in meinem Vimeo channel, LawBot On Silverlight.

Es zeigt Schritt für Schritt, wie man vorgeht. Das im Video entwickelte Beispiel baut einen Seitenübergang, der jede neue Seite von einer monochromen Farbdarstellung (also von schwarz-weiß) zu der tatsächlichen Farbdarstellung der Seite aufscheinen läßt (ColorTone Page Transition).

Wie das Ganze im Ergenis aussieht, könnt Ihr am folgenden Beispiel sehen. Den Quellcode für dieses und alle anderen Beispiele findet Ihr als Download jeweils in der Expression Gallery.


Weitere Quellcode-Beispiele für Seitenübergänge mit eigener Transition findet Ihr in der Expression Gallery:


Eine Pixelate Transition


Eine StandUp/LieDown Transition


Eine einfache FlipInOut Transition


Und eine Wipe Transition, bei der zur Designzeit und Laufzeit eine harte oder eher weiche Wipe Transition gesetzt und zwischen 4 Richtungen gewählt werden kann.


Viel Spaß damit.

Keine Kommentare:

Kommentar veröffentlichen