<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://blogs.msdn.com/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>My Silverlight Blog : animation</title><link>http://blogs.msdn.com/timrule/archive/tags/animation/default.aspx</link><description>Tags: animation</description><dc:language>en-US</dc:language><generator>CommunityServer 2.1 SP1 (Build: 61025.2)</generator><item><title>Windowing Demo for Silverlight 2 Beta</title><link>http://blogs.msdn.com/timrule/archive/2008/05/22/windowing-demo-for-silverlight-2-beta.aspx</link><pubDate>Thu, 22 May 2008 21:50:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:8533187</guid><dc:creator>Tim Rule</dc:creator><slash:comments>9</slash:comments><comments>http://blogs.msdn.com/timrule/comments/8533187.aspx</comments><wfw:commentRss>http://blogs.msdn.com/timrule/commentrss.aspx?PostID=8533187</wfw:commentRss><description>&lt;P&gt;Click on the &lt;STRONG&gt;"Toggle Full Screen"&lt;/STRONG&gt; to test this example. "Tile Windows" will layout thumbnails of the windows and clicking on a thumbnail will restore the windows.&lt;/P&gt;&lt;IFRAME style="WIDTH: 500px; HEIGHT: 200px" src="http://silverlight.services.live.com/invoke/63894/Windowing%20Demo/iframe.html" frameBorder=0 scrolling=no mce_src="http://silverlight.services.live.com/invoke/63894/Windowing%20Demo/iframe.html"&gt;&lt;/IFRAME&gt;
&lt;P&gt;For this demo a FloatingWindow class has been created which inherits from &lt;STRONG&gt;UserControl&lt;/STRONG&gt;. The class has a XAML page and codebehind file rather than the class file and a control template of FrameworkElement inherited controls. This method might be a useful for a multi document interface or XAML pages that are pulled in at runtime.&lt;/P&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=8533187" width="1" height="1"&gt;</description><enclosure url="http://blogs.msdn.com/timrule/attachment/8533187.ashx" length="13884" type="application/x-zip-compressed" /><category domain="http://blogs.msdn.com/timrule/archive/tags/effects/default.aspx">effects</category><category domain="http://blogs.msdn.com/timrule/archive/tags/silverlight/default.aspx">silverlight</category><category domain="http://blogs.msdn.com/timrule/archive/tags/animation/default.aspx">animation</category><category domain="http://blogs.msdn.com/timrule/archive/tags/silverlight+2+beta+2/default.aspx">silverlight 2 beta 2</category></item><item><title>Spline Based Animation Helper</title><link>http://blogs.msdn.com/timrule/archive/2008/05/02/spline-based-animation-helper.aspx</link><pubDate>Sat, 03 May 2008 05:04:00 GMT</pubDate><guid isPermaLink="false">91d46819-8472-40ad-a661-2c78acb4018c:8452998</guid><dc:creator>Tim Rule</dc:creator><slash:comments>6</slash:comments><comments>http://blogs.msdn.com/timrule/comments/8452998.aspx</comments><wfw:commentRss>http://blogs.msdn.com/timrule/commentrss.aspx?PostID=8452998</wfw:commentRss><description>&lt;P&gt;This code sample demonstrates an animation helper class to wrap up the code needed to animate a FrameworkElement's properties. This will work if the property is a double as well all of the object's transform properties. User defined dependency properties do not appear to be animatable in this beta 1 release via the Animation class. &lt;/P&gt;
&lt;P&gt;&lt;IFRAME style="WIDTH: 500px; HEIGHT: 250px" src="http://silverlight.services.live.com/invoke/63894/Animation%20Demo/iframe.html" frameBorder=0 scrolling=no mce_src="http://silverlight.services.live.com/invoke/63894/Animation%20Demo/iframe.html"&gt;&lt;/IFRAME&gt;&lt;/P&gt;
&lt;P&gt;Below is the sample usage of the animation helper methods for a double animation and a transform animation. The implementation of the AnimateTransform method is more complex than AnimateDouble because in order to&amp;nbsp; animate a transform value a default transform needs to present which requires more pre-animation work. &lt;/P&gt;
&lt;P&gt;&lt;IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" border=0 alt=animate src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/animate_1.png" width=578 height=53 mce_src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/animate_1.png"&gt; &lt;/P&gt;
&lt;P&gt;One overload of the methods has a parameter for an animation complete EventHandler. This is useful for simple sequencing of animations.&lt;/P&gt;
&lt;P&gt;&lt;IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px" border=0 alt=image src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/image_5.png" width=568 height=55 mce_src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/image_5.png"&gt; &lt;/P&gt;
&lt;P&gt;I'm calling this spline based because the easing is adjusted by changing the animation spline control points. An alternative would be to use key frame animation which passes the start value, end value, and current time into an easing function at every keyframe. CodePlex has a good example of such approach for Silverlight.&lt;/P&gt;
&lt;P&gt;&lt;IMG style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" border=0 alt=spline[5] src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/spline%5B5%5D_1.png" width=597 height=284 mce_src="http://blogs.msdn.com/blogfiles/timrule/WindowsLiveWriter/SplineBasedAnimationHelper_8A3A/spline%5B5%5D_1.png"&gt;&lt;/P&gt;
&lt;P&gt;These methods get things moving around the screen but would need a lot more functionality to be useful in an application.&lt;/P&gt;&lt;img src="http://blogs.msdn.com/aggbug.aspx?PostID=8452998" width="1" height="1"&gt;</description><enclosure url="http://blogs.msdn.com/timrule/attachment/8452998.ashx" length="11181" type="application/x-zip-compressed" /><category domain="http://blogs.msdn.com/timrule/archive/tags/effects/default.aspx">effects</category><category domain="http://blogs.msdn.com/timrule/archive/tags/silverlight/default.aspx">silverlight</category><category domain="http://blogs.msdn.com/timrule/archive/tags/animation/default.aspx">animation</category><category domain="http://blogs.msdn.com/timrule/archive/tags/silverlight+2+beta+2/default.aspx">silverlight 2 beta 2</category></item></channel></rss>