Learn your way! Get started

Windows 8 Using XAML, Part 08: Animation

with expert Ken Getz


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 12/24/2012
Level Intermediate
Runtime 2h 11m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs Included
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

Animation has become a very important part of creating applications not just games. This course will show you how to create animation for applications. First you will investigate theme transitions and animations. Then you will understand how custom animation works in XAML applications. Next you will examine animation and storyboards. Then you will learn to start animations in code and work with DoubleAnimation, ColorAnimation, and PointAnimation objects. Next up you will examine properties of the animation classes, try out various easing functions and use Blend to interactively create animations.

Prerequisites

This course assumes that you have some programming background and experience using Visual Studio 2010 and C# or Visual Basic. In addition, the course assumes some basic knowledge of XAML markup and basic knowledge of Windows Store applications and Windows 8.

Learning Paths

This course will help you prepare for the following certification and exam:
MCSD: Windows Store Apps
70-484: Essentials of Developing Windows Store Apps Using C#

This course is part of the following LearnNowOnline SuccessPaths™:
Building Windows Store Applications

Meet the expert

Ken Getz is a featured instructor for several of our Visual Studio courses. He is a Visual Basic and Visual C# expert and has been recognized multiple times as a Microsoft MVP. Ken is a seasoned instructor, successful consultant, and the author or co-author of several best-selling books. He is a frequent speaker at technical conferences like Tech-Ed, VSLive, and DevConnections and he has written for several of the industry's most-respected publications including Visual Studio Magazine, CoDe Magazine, and MSDN Magazine.

Course outline



Module 1

Animations (15:33)
  • Introduction (00:39)
  • Dependent vs Independent (00:35)
  • Dependent Animation (00:22)
  • What About Custom Animations? (00:38)
  • Built-in Theme Animations (00:37)
  • Windows 8 Theme Transitions (01:33)
  • Using Transitions (00:56)
  • Demo: Transitions (04:39)
  • Demo: Content Theme Transition (04:46)
  • Summary (00:43)
Basic Animations (45:27)
  • Introduction (00:39)
  • Custom Animations (00:32)
  • Getting Started (01:05)
  • Understanding Animation (01:38)
  • Rules of Animation (01:30)
  • Simple Animations (19:53)
  • Demo: Animations (01:21)
  • The Animation Class (00:59)
  • Types of Animation Classes (00:52)
  • Enabling the Animation (01:14)
  • The Storyboard Class (01:17)
  • The Event Trigger (00:22)
  • Theme Animations (00:52)
  • Demo: Theme Animations (04:40)
  • Animate Transform (00:32)
  • Demo: Animate Transform (02:31)
  • Animating Multiple Properties (01:10)
  • Demo: Multiple Properties (03:18)
  • Summary (00:50)
Point and Color Animation (20:46)
  • Introduction (01:07)
  • Using the ColorAnimation Class (01:22)
  • Whats Up With Fill? (01:10)
  • Demo: Animate Color (03:39)
  • Using the PointAnimation Class (00:48)
  • Demo: PointAnimation (01:58)
  • Animation with Key Frames (01:10)
  • Interpolation Methods (01:24)
  • SplineDoubleKeyFrame (00:44)
  • Demo: Key Frames (03:54)
  • Demo: Vertical Key Frame (02:47)
  • Summary (00:37)

Module 2

Animation Properties (20:51)
  • Introduction (00:34)
  • Animation Properties (00:12)
  • From Property (01:13)
  • Demo: From Property (02:02)
  • To Property (00:33)
  • By Property (00:37)
  • Demo: By Property (01:10)
  • Duration Property (01:10)
  • AutoReverse Property (00:55)
  • Demo: AutoReverse and Duration (03:53)
  • RepeatBehavior Property (00:32)
  • Demo: RepeatBehavior (01:08)
  • RepeatBehavior and AutoReverse (00:32)
  • Demo: Repeat and AutoReverse (00:44)
  • Repeat for Time (00:52)
  • Demo: Repeat for Time (00:48)
  • Repeat Forever (00:32)
  • BeginTime Property (00:34)
  • Demo: BeginTime (02:10)
  • Summary (00:31)
Animation (28:44)
  • Introduction (00:46)
  • Controlling Playback (00:29)
  • Demo: Controlling Playback (02:02)
  • Easing Functions (00:59)
  • BounceEase (02:19)
  • Easing Functions (02:27)
  • Demo: Easing Functions (02:02)
  • Another Example (01:18)
  • Demo: Easing Colors (01:49)
  • Microsoft Easing Functions (02:30)
  • Creating Animations in Blend (00:30)
  • Demo: Animations in Blend (04:34)
  • Demo: Markup in Blend (03:45)
  • Demo: Blend and Visual Studio (02:19)
  • Summary (00:50)