Windows phone 7 animation using expression blend 4

Question

5.00/5 (1 vote)

See more:

How to apply diffent animation like GlassBehavior to page,photos turn like book page,photo slide show in Microsoft Visual Studio 2010 express for phone and expression blend 4 for phone.

Posted 3-Oct-11 0:12am

sona1877

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

rd.sandeep · Answer 1 · 2012-01-12T21:31:00

Solution 1

Well, I can only point you to a link that has all the tutorials, videos and starter kits you need:
Learn Microsoft Expression Blend

Wish you all the best!

Sandeep.

Posted 12-Jan-12 21:31pm

rd.sandeep

Abdullatif M. Abu Al Rub · Answer 2 · 2012-06-22T22:59:00

Without using the expression blend
you may just use the XAML code to achieve that

Code:

XML

<phone:phoneapplicationpage.resources>
       <storyboard x:name="ShowRectangle1">
           <objectanimationusingkeyframes storyboard.targetproperty="Width" storyboard.targetname="Rectangle1">
               <discreteobjectkeyframe keytime="00:00:00.03" value="25" />
               <discreteobjectkeyframe keytime="00:00:00.06" value="50" />
               <discreteobjectkeyframe keytime="00:00:00.09" value="75" />
               <discreteobjectkeyframe keytime="00:00:00.11" value="100" />
               <discreteobjectkeyframe keytime="00:00:00.15" value="125" />
               <discreteobjectkeyframe keytime="00:00:00.18" value="150" />
               <discreteobjectkeyframe keytime="00:00:00.21" value="175" />
               <discreteobjectkeyframe keytime="00:00:00.24" value="200" />
               <discreteobjectkeyframe keytime="00:00:00.28" value="250" />
               <discreteobjectkeyframe keytime="00:00:00.31" value="300" />
               <discreteobjectkeyframe keytime="00:00:00.34" value="350" />
               <discreteobjectkeyframe keytime="00:00:00.37" value="400" />
               <discreteobjectkeyframe keytime="00:00:00.40" value="450" />
               <discreteobjectkeyframe keytime="00:00:00.43" value="500" />
               <discreteobjectkeyframe keytime="00:00:00.46" value="550" />
               <discreteobjectkeyframe keytime="00:00:00.49" value="595" />
           </objectanimationusingkeyframes>
       </storyboard></phone:phoneapplicationpage.resources>

in the previous code you define a storyboard called "ShowRectangle1"...
then decide what it's target object, that will be the "Rectangle1"
and the targeted property that will be "Width"

then each keytime will have a value of the width for that object(Rectangle1)

this code will be in the .xaml page that contains the rectangle
and in the code behind page you just add this to event handler let's say Page_loaded:

C#

ShowRectangle1.Begin();

This is it