Skip to content

HOW TO: Debug Window, Visual Tree debugging

Empty Keys edited this page May 8, 2018 · 1 revision

New Debug Window feature is very similar to XAML Spy/Debug apps or VS 2015 Live Visual Tree feature. What you can do:

  • pick UI element
  • show guides for margin/padding
  • search in visual tree
  • see mouse information, active bindings and actual property values

Shortcuts:

  • CTRL+SHIFT+D - show/hide Debug Window
  • CTRL+SPACE or CTRL-middle mouse button - picks element in Pick an Element mode

To be able to use Debug Window in you application you have add reference to EmptyKeys.UserInterface.Debug assembly and create instance of DebugViewModel and call Update/Draw for it (see Examples).

Clone this wiki locally