Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211

1. Advanced Windows Store App Development using C# Jump Start Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211

2. Meet Jerry Nixon | Colorado • Microsoft Developer Evangelist • Reaching Professional & Student Communities • Teaching Developers about Windows Phone • Teaching Developers about Windows 8 • Teaching Developers about XAML http://jerrynixon.com @jerrynixon

3. Meet Daren May | @darenmay • President & Co-founder, Crank211 • Specializes in designing and building next-level digital experiences • Prior to starting Crank211… • CTO and VP Operations for software consultancy • Practice lead for EMC Consulting • Leveraged Microsoft technologies since Visual Studio .NET betas • Developing XAML-based solutions since the heady days of “Avalon” (the early name for WPF)

4. Agenda for the Day

5. Setting Expectations • Seasoned to Intermediate Developers • Accelerated coverage of C# fundamentals expected on Microsoft Exam 70-485 • Suggested Prerequisites/Supporting Material • Accelerated version of Microsoft course 20485A, a five-day course (which includes hands-on labs). • We recommend developers new to C# or who need hands-on experiences take this course with a Microsoft Learning Partner

6. Join the MVA Community! • Microsoft Virtual Academy • Free online learning tailored for IT Pros and Developers • Over 1M registered users • Up-to-date, relevant training on variety of Microsoft products • “Earn while you learn!” • Get 50 MVA Points for this event! • Visit http://aka.ms/MVA-Voucher • Enter this code: WinAdvC (expires 6/23/2013)

7. Download Code Samples • Visit xamlShow on CodePlex • http://xaml.codeplex.com • Bookmark this link • “Microsoft Virtual Academy” section… • Click “Download C Sharp Demos” link • This link will change, so click the link from http://xaml.codeplex.comeach time

8. 01 | Animations and Transitions Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank211

9. Agenda for the Day • Visit xamlShow on CodePlex • http://xaml.codeplex.com

10. Module Agenda • Transforms • Animations • Animation Library

11. Transforms

12. Render Transform 2D Transform Perspective Transform Element.Projection.ProjectionPlane RotateX Rotate Y Rotate Z Matrix2D • Rotate • Scale • Skew • Translate(move)

13. Advanced transforms • Origins • Element.RenderTransformOrigin – 0,1 • Transform.CenterX (& Y) - pixels • Projection • CenterOfRotationX (& Y) • GlobalOffsetX (& Y) – Screen Axis • LocalOffsetX (& Y) – Object Axis

14. Animations

15. Storyboard objects Animations Easing functions • DoubleAnimation[UsingKeyFrames] • PointAnimation[UsingKeyFrames] • ColorAnimation[UsingKeyFrames] • ObjectAnimation[UsingKeyFrames] • Built-in Attached Properties (Canvas.Left)

16. EnableDependentAnimation Independent Criteria • Duration is zero seconds • Target property is Opacity • Targets Transform, Projection, Clip • Canvas.Left & Canvas.Top • SolidColorBrush.Color • ObjectAnimationUsingKeyFrames CPU UI Thread GPU Composition

17. Custom animation

18. Animation library

19. Windows Runtime animation library Element Transitions Theme Transitions DropTargetItemThemeAnimation FadeInThemeAnimation FadeOutThemeAnimation PointerDownThemeAnimation PointerUpThemeAnimation PopInThemeAnimation PopOutThemeAnimation RepositionThemeAnimation SplitCloseThemeAnimation SplitOpenThemeAnimation SwipeBackThemeAnimation SwipeHintThemeAnimation • AddDeleteThemeTransition • ContentThemeTransition • EntranceThemeTransition • ReorderThemeTransition • RepositionThemeTransition

20. Animation library

21. Module Review • Transforms • Animations • Animation Library