Reveal Highlight Introduction to using light in your app Kiki Saintonge Program Manager, XAML Controls

Agenda What is Reveal Highlight? How to set it up 5/3/2019 8:03 PM Agenda What is Reveal Highlight? When and where to use it How to set it up Where Reveal Highlight works by default How to turn it on for common controls How to enable it for custom controls Reveal Highlight is our new visual affordance we’re giving you to help indicate user intent, location on screen, and interaction type. We do this through introducing the real, physics-based light that shows interaction type when navigating through an app. This is done through two main parts that make up Reveal Highlight: Showing interactive element borders on approach, and © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Demo Calculator App Speaker name

How to use Reveal Highlight Reveal Highlight runs by default on: All List Controls, NavigationView, AutoSuggestBox, CommandBar, and MediaTransportControl Smaller common controls support a Reveal Highlight style <Button Content="Button Content" Style="{StaticResource ButtonRevealStyle}"/>

Demo Enabling Reveal Highlight on Custom Controls Speaker name