One thing very interesting that can be done is to use data bindings in your code. For example, if you want to add a Radial Gauge to your UI, you can use something like this: You can even use controls from Telerik or from the Microsoft Community Toolkit. Modify this text below to see a live preview. With XAML Studio, we don’t need to use Visual Studio to test the code, we can just type it in the code window and the UI will be shown in the top pane. In this post, I’ve shown how to use the NavigationView in UWP. You can filter the items you want by typing in the search box at the top: When you select it, you will have all available components to insert in your code. The last icon in the navigation bar is the toolbox. If you make a typing mistake, a pink box will be shown in the top pane, indicating the compilation error: For example, if you change the color of the first run of text to Navy, the top pane will reflect that. You can start changing things immediately and the changes will reflect on the top pane. When you create a new page, a new tab will open, like this one: The app has a tabbed interface and you can create a new page and start typing your code. Once you install and open it, you will get a window like this: XAML Studio is a UWP app that allows you to fiddle with the XAML code in UWP and even debug the bindings! You can get the app from the Windows Store and install it in your machine for free. WPF is old news, many new XAML platforms appeared and XAMLPad faded out and all that remained from it was an old page.Īlthough it was not there, the need remained: how to do quick tests on your XAML? How to do them for the new platforms, like UWP? Then, a Microsoft Engineer decided to revive this and XAML Studio was born. Once upon a time, in the old days, when WPF was a little new baby and people needed a tool to fiddle around with the new design language, Microsoft released a tool named XAMLPad, and things were all good: you didn’t need Visual Studio to try your designs, you could learn XAML without having to start a new project and you could try as much as you wanted, the UI changed as you changed the XAML code.

Xamlpad 2017