XboxAppDev 3. XAML apps on Xbox

1. Build great apps for Xbox
with XAML and C#
Jason Short, PhD | @infinitecodex
Senior Program Manager
https://aka.ms/xboxappdevcode

2. Reach every Windows device with one app
What-you-see-is-what-you-get platform
Easily tailor your app to be great on the device

3. Universal Windows Platform XAML apps on your desktop

7. Deploy to Xbox

10. 360 x 640

15. Optimizing for size and TV safe area

20. Button Left Stick/D-pad
Behavior Move Focus

21. Button Left Stick/D-pad A/Select
Behavior Move Focus “Click”

22. Button Left Stick/D-pad A/Select B/Back
Behavior Move Focus “Click” Go Back

23. Button Left Stick/D-pad A/Select B/Back Menu
Behavior Move Focus “Click” Go Back Show Context
Menu

24. Button Left Stick/D-pad A/Select B/Back Menu View
Behavior Move Focus “Click” Go Back Show Context
Menu
Show Panes or
Switch Views

25. Button Left Stick/D-pad A/Select B/Back Menu View
Behavior Move Focus “Click” Go Back Show Context
Menu
Show Panes or
Switch Views

26. Button Behavior How
Left Stick/D-pad Move Focus <Application RequiresPointer="WhenRequested">

27. Button Behavior How
Left Stick/D-pad Move Focus <Application RequiresPointer="WhenRequested">
A/Select “Click”
Use standard controls like Button, ListView, MenuFlyout, etc. to get
this by default.
If building custom controls, respond to Spacebar key events.

28. Button Behavior How
Left Stick/D-pad Move Focus <Application RequiresPointer="WhenRequested">
A/Select “Click”
Use standard controls like Button, ListView, MenuFlyout, etc. to get
this by default.
If building custom controls, respond to Spacebar key events.
B/Back Go Back
Respond to standard SystemNavigationManager.BackRequested
events when implementing back navigation

29. Button Behavior How
Left Stick/D-pad Move Focus <Application RequiresPointer="WhenRequested">
A/Select “Click”
Use standard controls like Button, ListView, MenuFlyout, etc. to get
this by default.
If building custom controls, respond to Spacebar key events.
B/Back Go Back
Respond to standard SystemNavigationManager.BackRequested
events when implementing back navigation
Menu Show Context Menu
Set up context menus using ContextFlyout property or in response to
ContextRequested events.

30. Button Behavior How
Left Stick/D-pad Move Focus <Application RequiresPointer="WhenRequested">
A/Select “Click”
Use standard controls like Button, ListView, MenuFlyout, etc. to get
this by default.
If building custom controls, respond to Spacebar key events.
B/Back Go Back
Respond to standard SystemNavigationManager.BackRequested
events when implementing back navigation
Menu Show Context Menu
Set up context menus using ContextFlyout property or in response to
ContextRequested events.
View
Show Panes or Switch
Views
Respond to GamepadView and NavigationView key events.

31. Button L/R Trigger
Behavior Page up/down

32. Button L/R Trigger L/R Bumper
Behavior Page up/down Page left/right

33. Button L/R Trigger L/R Bumper Right stick
Behavior Page up/down Page left/right Pan

34. Button L/R Trigger L/R Bumper Right stick X, Y
Behavior Page up/down Page left/right Pan App appropriate
shortcuts

35. Button L/R Trigger L/R Bumper Right stick X, Y Pause, Play, etc.
Behavior Page up/down Page left/right Pan App appropriate
shortcuts
Control media
playback

37. IsTabStop=true & Visibility=Visible

44. page.GotFocus
FocusManager.GetFocusedElement
Debug.WriteLine

45. Mouse Mode and Optimize for Gamepad and Remote

53. On by default for apps targeting Windows
10 Anniversary Update
Application.FocusVisualKind="HighVisibility"
Can be tuned on a per-element basis
FocusVisualMargin
FocusVisualPrimaryBrush
FocusVisualPrimaryThickness
FocusVisualSecondaryBrush
FocusVisualSecondaryThickness

54. Engagement Mode and Focus Visuals

58. Optimizing for the TV-safe colors and sounds

60. #xboxappdevaka.ms/xboxappdev