Using Expression Animations to Create Engaging & Custom UI

Slides:



Advertisements
Similar presentations
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or.
Advertisements

customer.
demo © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names.
demo Demo.
demo QueryForeign KeyInstance /sm:body()/x:Order/x:Delivery/y:TrackingId1Z
Universal Windows Platform XAML Custom Controls start to finish
DoRon Motter Development Lead Microsoft Corporation
5/2/2018 1:53 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS.
Name Title Company Name
Accessibility on Windows 10
Introduction to Building Accessible Universal Windows Apps
Microsoft Connect /2/ :38 AM
Microsoft Connect /26/2018 1:00 AM
Microsoft Ignite /8/2018 6:39 PM
9/11/ :55 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Microsoft Connect /21/2018 9:41 PM
Deploy Windows 10 Mobile for the mobile workforce
Microsoft Build /10/2018 3:26 AM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Microsoft Build /12/2018 2:41 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Modern business intelligence
Windows Device Portal and Remote Diagnostics
Getting Started With TypeScript
Database Continuous Integration and Deployment with Visual Studio SQL Server Data Tools in < 10 minutes Eric Kang Program Manager.
Hosted Web Apps with Windows App Studio
11/27/2018 6:59 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Microsoft Connect /1/ :31 AM
Skype for Business – App SDK
Digital display units This template is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION.
Intranet web banner units
A/B Testing for UWP Apps: Experiment for Success
Application Insights Diagnostics Preview
Connected Animations Create seamless page transitions in the Fall Creators Update Steven Moyes Program Manager – User Experience Platform.
Extending Microsoft Teams
Improving JavaScript Frameworks, Edge, & UWP Web Apps
Microsoft Build /2/2019 4:12 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Implicit Animations Varun Shandilya Senior Program Manager Windows UI
Microsoft Build /16/2019 1:17 PM Adding Interactions in the Visual Layer to Create Customized & Responsive Experiences Anthony Young & Lindsay Kubasik.
Microsoft Connect /17/2019 9:55 PM
Color Picker Kiki Saintonge PM – XAML Controls
Internal social media units
Azure Functions & Aurelia Serverless SPAs
2/16/2019 1:48 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Bringing desktop apps to the UWP using Desktop App Converter
C++ Productivity Improvements
Microsoft Connect /24/ :10 PM
Microsoft Build /24/2019 6:46 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Ask the Experts: Windows 10 deployment, servicing, and provisioning
Microsoft Connect /25/2019 1:20 PM
Microsoft Build /25/2019 1:55 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Connected Animations Varun Shandilya Senior Program Manager Windows UI.
4/6/2019 8:19 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS.
8/04/2019 9:13 PM © 2006 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered.
4/12/2019 5:27 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Windows Device Portal Hirsch Singhal Program
“Hey Mom, I’ll Fix Your Computer”
Discussion Panel: Windows Server MVP Panel
Microsoft Build /20/ :42 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
4/29/2019 9:20 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
My Experience In Troubleshooting BIZTALK360
Microsoft Ignite NZ October 2016 SKYCITY, Auckland.
4/29/ :17 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
5/6/2019 7:40 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS.
WCF and .NET Framework Microservices in Containers
User Segmentation and Targeted Push Notifications for UWP apps
5/30/2019 1:59 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION.
Securing ASP.NET in an Azure Environment
Build /27/2019 © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION.
Power BI – The Circle is Complete
Hybrid Storage with StorSimple
WCL425 App Compat for Nerds Chris Jackson.
Presentation transcript:

Using Expression Animations to Create Engaging & Custom UI Microsoft Build 2016 4/18/2019 10:46 PM Using Expression Animations to Create Engaging & Custom UI Anthony Young & Lindsay Kubasik Developer & Program Manager Windows UI Platform © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Expression Animations in UI Microsoft Build 2016 4/18/2019 10:46 PM Demo Expression Animations in UI © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Platform Basics Key Frame Animations Expression Animations 4/18/2019 10:46 PM Platform Basics Key Frame Animations Expression Animations © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Hello World Example Gears Expression Microsoft Build 2016 4/18/2019 10:46 PM Demo Hello World Example Gears Expression © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Operators Functions Constructors Keywords + - * / % ? 4/18/2019 10:46 PM Operators + - * / % ? Functions Abs(), Min(), Clamp(), Lerp(), Ln(), ToRadians(), and more... Constructors Vector2(), Vector3(), Matrix4x4(), Quaternion(), and more... Keywords this.StartingValue this.Target © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo A Few More Samples Microsoft Build 2016 4/18/2019 10:46 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Property Sets //App will update this property when needed 4/18/2019 10:46 PM Property Sets //App will update this property when needed _propSet.InsertScalar(“hour”, GetHourOfDay()); ExpressionAnimation colorExpression = _compositor.CreateExpressionAnimation(); colorExpression.Expression = “(props.hour >= 6) && (props.hour <= 18) ? color1 : color2"; colorExpression.SetReferenceParameter(“props", _propSet); colorExpression.SetColorParameter(“color1", Colors.LightBlue); colorExpression.SetColorParameter(“color2", Colors.DarkBlue); _visualA.Brush.StartAnimation(“Color", colorExpression); © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Expression Keyframe in Gears Microsoft Build 2016 4/18/2019 10:46 PM Demo Expression Keyframe in Gears Performance Tips: Templates & Property Sets © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Call to Action Check out sample code & ask questions via GitHub (https://github.com/Microsoft/composition/) Follow us on twitter @WinComposition Re-visit Build on Channel 9 Continue your education at Microsoft Virtual Academy online