UWPSpy
Introducing UWPSpy, an inspection tool for UWP and WinUI 3 applications that enables to view and manipulate UI elements and their properties in real time.
I’ve been interested in UWP since the release of Windows 11, where the taskbar UI was reimplemented using a new technology called XAML Islands. I created UWPSpy after gaining some experience with UWP. UWPSpy makes it easy to experiment with UWP UI elements and see how various changes behave before making them permanent. One example where UWPSpy comes in handy is with the Windows 11 Taskbar Styler mod, refer to its details page to see examples of UI customizations that are possible.
Download
UWPSpy.zip (426.86 kB)
Usage
- Run UWPSpy.exe and select the UWP/WinUI 3 application you want to spy on.
- A window with the application’s UI elements will appear for each UI thread of the target application.
Source code
https://github.com/m417z/UWPSpy
This is amazing! Features I’d like to see are..
Restore to default, Backups
Undo, redo
Color picker
Dark mode
Please tell me how to find the property responsible for the spacing between icons in the tray.
The spacing is controlled by two parameters:
MinWidthof theNotifyIconViewelement, set to32on my computer.Paddingof the grid child element marked on the screenshot, set to4on my computer.The
MinWidthvalue can be configured by the Windows 11 Taskbar Styler mod as can be seen on the screenshot. The grid element isn’t accessible by a name or an indicative type, so customizing its padding by the mod will require more effort. Still, with justMinWidththe width can be reduced from32to24, and set to any value above24.Thanks. MinWidth works. What kind of effort is required for padding?
You can use the following:
Target:
systemtray:ImageIconContent > GridStyle:
Padding=0Thanks again. Could you tell me an algorithm for finding such things via UWPSpy. I would like to try to reduce the spacing of the left group of buttons (start menu…).
You can watch the demo video at the top of this page to get some inspiration.
Hi Michael :),
What if someone wants to make the changes permanent?
Is there a solution for this? Maybe Resource Hacker? A new generator?
Hi,
An equivalent for Resource Hacker could probably be some .pri file editor, but currently, there isn’t even a public tool to parse and view those files properly. Probably the best thing out there is PRIExplorer, but it’s not maintained and doesn’t support new files. Keeping it up-to-date it isn’t simple, and implementing editing is even more challenging. Also, for store apps, normally the user doesn’t have permissions to edit the app files.
An alternative approach is to do the customization in runtime. For the taskbar, there’s the Windows 11 Taskbar Styler Windhawk mod. For the start menu, there’s Windows 11 Start Menu Styler. For the latter, there isn’t actually anything specific to the start menu in the mod, so you can try and target other processes with it to customize them. It’s not fully tested and supported, but should work. Let me know if you need help with setting it up.
is it possible to change the size of the titlebar buttons (minimize, maximize, close)?
Not with UWPSpy, as these are native buttons. As for other methods, I’m not familiar with a way to customize it.
Hello, is it possible to target Start menu search with this?
Hi, see my answer here:
https://github.com/m417z/UWPSpy/issues/3#issuecomment-1984719018
Hello, Michael, and thank you for this really cool tool!
Would it be possible to offset the taskbar icons to the left, while still keeping them centered? I have a 2560×1080 monitor and it leads to a worse reading experience for viewers whenever I stream on Discord. Lately, I’ve been toying with the idea of streaming my screen partially, and while I’ve made progress on the steps needed, the taskbar icons being aligned more to the right on-stream would likely bug me to no end lol.
Here’s a screenshot of what I mean: https://i.imgur.com/EVZbRlg.png
Thank you!
Hi,
You can add a margin on the right to the taskbar icons with the Windows 11 Taskbar Styler mod by adding the following target:
Microsoft.UI.Xaml.Controls.ItemsRepeater#TaskbarFrameRepeaterAnd style:
Margin=0,0,300,0Adjust the right margin (300) as needed.
Thank you so much!!
It works like a charm, although one small nitpick would be that the start menu is now understandably no longer aligned to the taskbar icons. Would it possible to add a margin on the right to it too, perhaps with the Windows 11 Start Menu Styler?
Screenshot for reference: https://i.imgur.com/9CsAQI3.png
Yes, you can adjust the distance of the start menu from the left edge of the screen with:
Target:
StartDocked.StartSizingFrameStyle:
Canvas.Left=100Replace 100 as needed.
You can discover adjustments like this by experimenting with UWPSpy.
Thank you, thank you, thank you!!!
Apologies for leeching off your knowledge, I did play around with UWPSpy for a while, but I’m really not familiar with XAML (?) so I wasn’t able to figure out much by myself. I really appreciate you taking the time to help me, though! Have a great day/night!