Download animation created by Blend

Recently, I used blend to create a download animation, which is very interesting. So this article will show you how to use blend to create a simple download animation step.

First, drag a circle. The parameters are as follows:

Select an ellipse, click Properties panel, select "fill", and select "linear gradient" paint brush

Select the toolbox to see a gradient arrow on the oval.

Drag the center of the gradient according to the Alt key:

After the adjustment, the ellipse is about as shown above. The following continues to add a circle with the length and width of 60 and the paint brush is white.

Select the two images and align them in the "object" menu. | horizontal center, align | vertical center command. At this time, the two images overlap.

In the "object" menu, run the group | canvas command and name it loading.

Now that the image has been created, start to make a simple animation and declare an animation.

Add Frame

Convert properties at 1 S | rotate 180 degrees

In the same operation, the rotation is 360 degrees in 2 seconds.

You can click play to view the effect and continue to set autoreverse to true and repeatbehavior to the forever attribute.

Add a separate text.

Through such a series of steps, we can create a simple animation. Of course, when you need to see the effect at runtime, it's a little worse

Add begin () in the background ()

If you want to separate the usercontrol, you can use the dependency attribute to control the animation.ArticleThe topic is not too close.

In the above series of steps, we mainly use some common blend operations. We hope to help Silverlight fans and create more beautiful download animations.

 

 

CodeDownload: loadanimation.rar