XAML Debugging - Revision history

JKN at 11:13, 8 January 2021

2021-01-08T11:13:29Z

JKN: /* Setting it up */

2017-08-17T09:26:49Z

‎Setting it up

JKN: /* Setting it up */

2017-08-17T09:23:15Z

‎Setting it up

JKN: Created page with "XAML debugging can be quite challenging, especially when it comes to layouting of nested dynamic controls in combination with data binding. Fortunately Microsoft provides a se..."

2017-08-17T09:18:50Z

Created page with "XAML debugging can be quite challenging, especially when it comes to layouting of nested dynamic controls in combination with data binding. Fortunately Microsoft provides a se..."

New page

XAML debugging can be quite challenging, especially when it comes to layouting of nested dynamic controls in combination with data binding. Fortunately Microsoft provides a set of tools that can be used in combination with {{UBIK}}.

== Prerequisites ==
* Installed {{UBIK}} WinX or {{UBIK}} UWP App
* Microsoft Visual Studio 2015 or higher

== Introduction ==
Microsoft introduced some [https://blogs.msdn.microsoft.com/visualstudio/2015/02/24/introducing-the-ui-debugging-tools-for-xaml/ new UI debugging tools with Visual Studio 2015] that allow live exploring of rendered XAML content and even modifying values at runtime. The good thing about this technology is that it is actually independent of the Apps source code, so it can be used in conjunction with any XAML-based App that is installed on the machine. The tools provided are
* In-App Selection
* Live Visual Tree
* Live Property Explorer

== Setting it up ==
Since XAML content is rendered at runtime, there's no need to have the original code available in order to use those tools. Just follow the guidelines below for set up:

# Open Visual Studio 2015 and create a new, blank project
## For debugging UBIK WinX (Versions < 3) create a blank Windows 8.1 App project
## For debugging UBIK UWP (Version 3 and above) create a blank Windows Universal project
# Go to the menu Debug -> Attach to process...
# Scroll the list and find the process named ''UBIK.UWP.exe'' or ''UBIK.WinX.exe''
# Double-click the process or select it and click ''Attach''

Visual Studio now launches your blank App and attaches the debugger to the {{UBIK App}}. As a side effect, it will enable the UI debugging tools in the running {{UBIK}} App and you can instantly use them to debug the UBIK UI and your XAML templates.

← Older revision		Revision as of 11:13, 8 January 2021
Line 24:		Line 24:

	Visual Studio now launches your blank App and attaches the debugger to the {{UBIK App}}. As a side effect, it will enable the UI debugging tools in the running {{UBIK}} App and you can instantly use them to debug the UBIK UI and your XAML templates.		Visual Studio now launches your blank App and attaches the debugger to the {{UBIK App}}. As a side effect, it will enable the UI debugging tools in the running {{UBIK}} App and you can instantly use them to debug the UBIK UI and your XAML templates.
		+
		+	[[Category:XAML]]

@@ Line 13: / Line 13: @@
 == Setting it up ==
-Since XAML content is rendered at runtime, there's no need to have the original code available in order to use those tools. Just follow the guidelines below for set up:
+Since XAML content is rendered at runtime, there's no need to have the original code available in order to use those tools. Just follow the steps below to enable the tools:
 # Open Visual Studio 2015 and create a new, blank project or use an existing XAML Test Project you already have
 #* For debugging UBIK WinX (Versions < 3) create a blank Windows 8.1 App project

@@ Line 15: / Line 15: @@
 Since XAML content is rendered at runtime, there's no need to have the original code available in order to use those tools. Just follow the guidelines below for set up:
-# Open Visual Studio 2015 and create a new, blank project
+# Open Visual Studio 2015 and create a new, blank project or use an existing XAML Test Project you already have
-## For debugging UBIK WinX (Versions < 3) create a blank Windows 8.1 App project
+#* For debugging UBIK WinX (Versions < 3) create a blank Windows 8.1 App project
-## For debugging UBIK UWP (Version 3 and above) create a blank Windows Universal project
+#* For debugging UBIK UWP (Version 3 and above) create a blank Windows Universal project
 # Go to the menu Debug -> Attach to process...
 # Scroll the list and find the process named ''UBIK.UWP.exe'' or ''UBIK.WinX.exe''