Book Image

Instant Silverlight 5 Animation

By : Nick Polyak
Book Image

Instant Silverlight 5 Animation

By: Nick Polyak

Overview of this book

Silverlight is a Web technology that allows you to create both large business applications and little ads for your web page. Silverlight's main advantage is the ability to create rich UIs easily. In this book we will show how to build animations for different types of Silverlight applications in order to create great user experience."Instant Silverlight 5 Animation" is a practical guide to creating great user experiences in Silverlight. This book will clear Silverlight/WPF concepts needed for creating animations as well as practical examples of creating animations that will help you become an efficient developer for creating animations with Silverlight.This book provides a number of hands on examples of creating Silverlight animations in order to improve the user experience whether you are building a Silverlight Business application or a Silverlight banner ad. We also talk about ways to integrate Silverlight animations with business logic quickly and in the least invasive way. This book can be of help to both beginners and advanced developers. It starts talking about Silverlight concepts like dependency/attached properties and bindings. Then it goes into nitty-gritty detail of creating different animations for different application types. We explain how to animate custom controls, page navigation, how to imitate animation of random processes like fire or moving clouds. We talk about creating 3-D animations and building banner ads for your web page. Every concept, we describe in this book, is supported by small, detailed and easy to understand samples.
Table of Contents (16 chapters)

Code description


The code for the demo is located under the AnimatedBanner project.

Referring to the globe image within an XAML file

As was previously mentioned, I downloaded the globe image from the Microsoft ClipArt website and added it to the project as a resource.

The following code will show you how to add the image to the MainPage.xaml file:

<Image x:Name="image"
        Source="Globe.png"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Margin="0,0,10,0"
        Width="270">
    <Image.Projection>
        <!-- GlobalOffsetZ for a still image
                controls its Z-depth. I had to play
                with this parameter to create an 
                illusion of letters going behind 
                the Globe during the rotation-->
        <PlaneProjection GlobalOffsetZ="30" />
    </Image.Projection>
</Image>

Creating rotating lines of text

The rotating text lines consist of individual TextBlock elements corresponding...