How does event routing relate to these trees?

Event routing generally follows the Visual Tree. Bubbling events travel upward from the source to the root, while Tunneling (Preview) events travel downward from the root to the source.

Does this skill support recursive searching?

Yes, it provides optimized recursive methods to find all descendants of a specific type throughout the entire tree structure, not just immediate children.

Can I find an element by its name using these helpers?

Yes, this skill includes patterns for FindVisualChildByName to locate specific FrameworkElements by their Name property within the visual hierarchy.

What is the difference between the Visual and Logical tree in WPF?

The Logical Tree represents elements explicitly declared in XAML based on content relationships, while the Visual Tree contains every element rendered on screen, including those hidden inside control templates.

When should I use VisualTreeHelper instead of LogicalTreeHelper?

Use VisualTreeHelper when you need to access elements within a control's template, perform hit testing, or handle rendering-related logic that requires knowing the exact UI structure.

WPF Tree Navigator

Name: WPF Tree Navigator
Author: christian289

bychristian289

•

開発者ツール

Navigates and manipulates WPF Visual and Logical tree structures using helper patterns for advanced UI control.

This skill provides comprehensive patterns for traversing the two fundamental tree structures in Windows Presentation Foundation (WPF): the Logical Tree and the Visual Tree. It offers specialized helper methods for finding elements by type or name, accessing template internals, and understanding how property inheritance and event routing flow through these hierarchies. By implementing optimized recursive search algorithms, this skill enables developers to interact with UI elements that aren't directly accessible via standard XAML naming, which is essential for building complex, dynamic desktop applications and custom controls.

主な機能

016 GitHub stars

02Scenario-based selection logic for choosing between Logical and Visual helpers

03Recursive search patterns for finding visual and logical children by type or name

04Deep-dive access into ControlTemplate internals via the Visual Tree hierarchy

05Helper methods for upward traversal to identify specific parent containers

06Implementation patterns for analyzing Bubbling and Tunneling event routing

ユースケース

01Locating a ScrollViewer or internal elements nested inside a ControlTemplate

02Applying styles or event handlers dynamically to all child elements of a specific type

03Debugging DataContext inheritance or event propagation issues in complex UI layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode navigating-visual-logical-tree

For use in Claude.ai and ChatGPT

Download Skill