Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add XAML Fundamentals section with pages and examples #1661

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

Zakariathr22
Copy link
Contributor

@Zakariathr22 Zakariathr22 commented Nov 21, 2024

Description

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

  • Added sample code files for Resources, ResourceDictionary, Theme 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 Resources, ResourceDictionary, Theme 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: Resources, ResourceDictionary, Theme 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:

Resouces Page
image

ResouceDictionary
image

Theme resources
image

XAML Styles
image

Binding
image

Templates
image

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)

… and navigation updates

1. Added sample code files for Resources, ResourceDictionary, Theme Resources, XAML Styles, Binding, and Templates.
2. Added new assets for theme resource examples and updated control images.
3. Updated `ControlInfoData.json` to include the new "XAML Fundamentals" section.
4. Added pages for Resources, ResourceDictionary, Theme Resources, XAML Styles, Binding, and Templates, each with practical examples.
5. Updated navigation to include the new section and handle its items programmatically.
@Zakariathr22 Zakariathr22 changed the title **feat**: Add XAML Fundamentals section with pages and examples feat: Add XAML Fundamentals section with pages and examples Nov 21, 2024
@Zakariathr22 Zakariathr22 marked this pull request as draft November 22, 2024 11:38
@Zakariathr22 Zakariathr22 marked this pull request as ready for review November 22, 2024 18:18
@Jay-o-Way
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants