Hello, in this post I will briefly explain how to install and use developer tools in your AvaloniaUI project. As always, I will use my app Camelot as working example.
Developer tools window is similar feature to Chrome developer console. It allows you to observe tree of elements, their styles and positions, including margins/paddings etc. Also it has ability to log UI events and even to show FPS!
Add following lines of code inside your main window code behind class inside constructor:
#if DEBUG this.AttachDevTools(); #endif
Open developer tools window using
Watch visual tree and edit controls parameters:
Highlight elements in tree: