SilverlightShow: Silverlight Community http://www.silverlightshow.net/ Silverlight articles, Silverlight tutorials, Silverlight videos, Silverlight samples SilverlightShow.net http://www.rssboard.org/rss-specification Argotic Syndication Framework 2008.0.2.0, http://www.codeplex.com/Argotic en-US estoychev@completit.com (Emil Stoychev) Recording of webinar 'Getting started with the Silverlight 5 Beta' by Michael Crump <p><strong>Watch a recording of Michael's webinar 'Getting started with the Silverlight 5 Beta' delivered on May 11th, 2011.</strong> </p> <img alt="" style="margin-bottom: 3px; float: right; margin-left: 5px;" src="http://www.silverlightshow.net/Storage/Webinars/sl5_webinar_thumb_130.png" /> <div><strong>Download slides (<a href="http://www.silverlightshow.net/Storage/Sources/CompletIT_Getting%20started%20with%20the%20Silverlight%205%20Beta.ppt" shape="rect">.ppt</a> /<a href="http://www.silverlightshow.net/Storage/Sources/CompletIT_Getting%20started%20with%20the%20Silverlight%205%20Beta.pptx" shape="rect">.pptx)</a> | Download <a href="http://www.silverlightshow.net/Storage/Sources/SL5BetaDemos.zip">demos</a></strong></div> <div><strong> </strong></div> <div>This webinar made a quick intro to all new features in <strong>Silverlight 5</strong> - <strong>XAML Debugging</strong>, <strong>OOB - Multiple Windows Support</strong>, <strong>SoundEffect Class for Low-Latency</strong> and more.</div> <p><a href="http://www.silverlightshow.net/news/Webinar-Getting-started-with-the-Silverlight-5-Beta.aspx">View the full webinar agenda!</a></p> <p><a href="http://www.silverlightshow.net/Registration.aspx" target="_self"><strong>Become a SilverlightShow Member</strong></a><strong> to receive all webinar news and updates by email!</strong></p> <strong>Or follow SilverlightShow at</strong> <a href="http://twitter.com/silverlightshow" target="_blank"><img style="border:medium none;" alt="Follow us on twitter" src="http://www.silverlightshow.net/Storage/twitter_s.png" /></a> <a href="http://www.facebook.com/pages/SilverlightShow/123260994400300" target="_blank"><img style="border:medium none;" alt="Become a SilverlightShow fan on Facebook" src="http://www.silverlightshow.net/Storage/facebook_s.png" /></a> <a href="http://www.linkedin.com/groups?mostPopular=&gid=3489902" target="_blank"><img style="border:medium none;" alt="Join SilverlightShow Group on LinkedIn" src="http://www.silverlightshow.net/Storage/linkedin_s.png" /></a> http://www.silverlightshow.net/video/Recording-of-webinar-Getting-started-with-the-Silverlight-5-Beta-by-Michael-Crump.aspx editorial@silverlightshow.net (SilverlightShow ) http://www.silverlightshow.net/video/Recording-of-webinar-Getting-started-with-the-Silverlight-5-Beta-by-Michael-Crump.aspx#comments http://www.silverlightshow.net/video/Recording-of-webinar-Getting-started-with-the-Silverlight-5-Beta-by-Michael-Crump.aspx Tue, 17 May 2011 00:00:00 GMT The Ugly Duckling - Part 2 <p>In the <a href="http://www.silverlightshow.net/items/Transforming-an-Ugly-Duckling-to-a-Graceful-Swan-with-Expression-Blend-and-Silverlight-Part-I.aspx" target="_blank">first part of the series</a>, I introduced the application, and created the “ugly duckling” version, where the end user could already browse the and watch the videos. In this part, I am going to add some bling to the app – namely the Intro animation, the ability to skip it, and to replay it. The Intro animation itself is not created with Silverlight, so I will just use it as a video. This part takes heavy use of Visual States, Behaviors and Easings. </p> <p>That screencast is connected with the <a href="http://www.silverlightshow.net/items/Transforming-an-Ugly-Duckling-into-a-Graceful-Swan-With-Expression-Blend-and-Silverlight-ndash-Part-2-ndash-Intro-Animation.aspx">Transforming an Ugly Duckling to a Graceful Swan with Expression Blend and Silverlight - Part 2 Intro Animation</a> article.</p> <p>Here is what happens in the screencast:</p> <table width="679" border="0" cellspacing="0" cellpadding="2"> <tbody> <tr> <td valign="top" style="width: 114px;"><strong>Time</strong></td> <td valign="top" style="width: 563px;"><strong>Content</strong></td> </tr> <tr> <td valign="top" style="width: 114px;">@ 0:00</td> <td valign="top" style="width: 563px;">Introduction and showing off what we are building in this screencast</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 1:40</td> <td valign="top" style="width: 563px;">Adding the intro animation – preparation</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 2:40</td> <td valign="top" style="width: 563px;">Adding the intro animation - MediaElement</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 3:47</td> <td valign="top" style="width: 563px;">Visual State for playing the intro and transition between PlayingIntro and ShowingUIAfterIntro states</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 4:57</td> <td valign="top" style="width: 563px;">Make the App start up in the PlayingIntro state</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 6:07</td> <td valign="top" style="width: 563px;">Adding the EndCueTrigger</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 9:40</td> <td valign="top" style="width: 563px;">Adding the playback status display</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 12:50</td> <td valign="top" style="width: 563px;">Adding IntroStatusVisible and IntroStatusHidden states and transitions</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 14:38</td> <td valign="top" style="width: 563px;">Creating the MediaElementStateToVSMBehavior</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 16:18</td> <td valign="top" style="width: 563px;">Using the MediaElementStateToVSMBehavior to show and hide the video status display</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 19:08</td> <td valign="top" style="width: 563px;">Creating the DisplayMediaStatusBehavior</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 21:00</td> <td valign="top" style="width: 563px;">Using the DisplayMediaStatusBehavior to set the text for the video status display</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 22:30</td> <td valign="top" style="width: 563px;">Adding the skip intro button</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 24:30</td> <td valign="top" style="width: 563px;">Adding a glow effect to the skip intro button</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 25:50</td> <td valign="top" style="width: 563px;">Creating MouseOverOpacityBehavior</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 28:14</td> <td valign="top" style="width: 563px;">Applying the MouseOverOpacityBehavior to the skip intro button</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 29:35</td> <td valign="top" style="width: 563px;">Making the skip intro button skip the intro</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 31:30</td> <td valign="top" style="width: 563px;">Replay Intro – creating the highlight on the box</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 33:20</td> <td valign="top" style="width: 563px;">Creating ReplayIntroVisible and ReplayIntroHidden states and transitions</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 38:10</td> <td valign="top" style="width: 563px;">Adding some code to the skip intro and replay intro features</td> </tr> <tr> <td valign="top" style="width: 114px;">@ 41:30</td> <td valign="top" style="width: 563px;">Summing up</td> </tr> </tbody> </table> http://www.silverlightshow.net/video/The-Ugly-Duckling-Part-2.aspx editorial@silverlightshow.net (SilverlightShow ) http://www.silverlightshow.net/video/The-Ugly-Duckling-Part-2.aspx#comments http://www.silverlightshow.net/video/The-Ugly-Duckling-Part-2.aspx Fri, 05 Mar 2010 00:00:00 GMT The Ugly Duckling <p>The first screencast shows how to create the ugly version that I am going to work from in the later parts of the series. The ugly version lists all the videos (or ReferenceItems), and allows the user to see the explanation and play back the showcase videos.</p> <p>That screencast is connected with the <a href="http://www.silverlightshow.net/items/Transforming-an-Ugly-Duckling-to-a-Graceful-Swan-with-Expression-Blend-and-Silverlight-Part-I.aspx">Transforming an Ugly Duckling to a Graceful Swan with Expression Blend and Silverlight - Part I</a> article.</p> <p>Here is what happens in the screencast:</p> <table border="0" cellspacing="0" cellpadding="2"> <tbody> <tr> <td valign="top" style="width: 114px;"><strong>Time</strong></td> <td valign="top"><strong>Content</strong></td> </tr> <tr> <td valign="top">@ 0:00</td> <td valign="top">Introduction and showing off the finished application</td> </tr> <tr> <td valign="top">@ 1:59</td> <td valign="top">Creating the application in Blend</td> </tr> <tr> <td valign="top">@ 2:50</td> <td valign="top">Using Blend’s Sample Data feature to store the data for the video</td> </tr> <tr> <td valign="top">@ 6:58</td> <td valign="top">Displaying the sample data in a ListBox</td> </tr> <tr> <td valign="top">@ 8:37</td> <td valign="top">Creating the Details view with title, description, video and the more information link</td> </tr> <tr> <td valign="top">@ 13:33</td> <td valign="top">Running the project for the first time, master-detail scenario works</td> </tr> <tr> <td valign="top">@ 14:39</td> <td valign="top">Importing the videos into the project</td> </tr> <tr> <td valign="top">@ 15:42</td> <td valign="top">Importing the thumbnail images to the project</td> </tr> <tr> <td valign="top">@ 16:20</td> <td valign="top">Replacing the sample data with real data</td> </tr> <tr> <td valign="top">@ 17:20</td> <td valign="top">Running the Ugly Duckling application with the real data</td> </tr> <tr> <td valign="top">@ 19:10</td> <td valign="top">Wrapping up</td> </tr> </tbody> </table> http://www.silverlightshow.net/video/The-Ugly-Duckling.aspx editorial@silverlightshow.net (SilverlightShow ) http://www.silverlightshow.net/video/The-Ugly-Duckling.aspx#comments http://www.silverlightshow.net/video/The-Ugly-Duckling.aspx Thu, 11 Feb 2010 00:00:00 GMT