feat: Add XAML Fundamentals section with pages and examples

[Zakariathr22]

Description

This pull request introduces the "XAML Fundamentals" section, including pages and examples for XAML Resources, XAML Styles, Binding, and Templates, main changes are:

• Added sample code files for XAML Resources, XAML Styles, Binding, and Templates.
• Added new assets for theme resource examples and updated control images.
• Updated ControlInfoData.json to include the new "XAML Fundamentals" section.
• Added pages for XAML Resources, XAML Styles, Binding, and Templates, each with practical examples.
• Updated navigation to include the new section and handle its items programmatically.

Motivation and Context

I noticed that many learners, especially those new to WinUI 3, often turn to the WinUI 3 Gallery application as their starting point. While the app provides excellent explanations of controls and code samples, it sometimes introduces concepts that may be unfamiliar to beginners.

To address this, I had created a dedicated section in the application called XAML Fundamentals. This section is organized into key topics, including: XAML Resources, XAML Styles, Binding, and Templates.

The goal is to help learners better understand these foundational concepts by providing clear explanations, practical examples, and links to relevant documentation.

How Has This Been Tested?

This code was tested manually, and no issues were encountered during the testing. The changes are isolated to the new section and do not affect other areas of the app.

Screenshots:

XAML Resouces Page

XAML Styles

Binding

Templates

Search Page

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

[Zakariathr22]

Nit: note the unnecessary use of Capital letters for a number of Words.

Adjusted as suggested.

[Jay-o-Way]

@niels9001 @karkarl (off-topic) I feel issue #1542 is quickly getting more and more important!

[Jay-o-Way]

Did you know?

Note

Starting in Windows 10, version 1607, the XAML framework provides a built in Boolean to Visibility converter. The converter maps true to the Visible enumeration value and false to Collapsed so you can bind a Visibility property to a Boolean without creating a converter. Note that this is not a feature of function binding, only property binding. To use the built in converter, your app's minimum target SDK version must be 14393 or later. You can't use it when your app targets earlier versions of Windows 10. For more info about target versions, see Version adaptive code.

https://learn.microsoft.com/windows/uwp/xaml-platform/x-bind-markup-extension#remarks

[Zakariathr22]

@Jay-o-Way
Thank you for your review and insightful feedback; I’ll work on implementing your suggestions.
Please let me know if there’s anything else I should address.

[niels9001]

LGTM! Amazing work @Zakariathr22!

[Zakariathr22]

@niels9001
Thank you for your help and reviews; they made a significant difference.

[niels9001]

@Zakariathr22 We've reviewed the PR and saw some (minor) improvements we could make.

Would you mind getting the latest changes from main and can I PR against your branch? It's probably faster that way :)!

[Zakariathr22]

Would you mind getting the latest changes from main and can I PR against your branch? It's probably faster that way :)!

@niels9001

The latest changes from main have been retrieved

Sure, feel free to go ahead, thanks for helping out!

[Zakariathr22]

@niels9001
I can also grant you a write access if you like :)