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.

Sign up for GitHub

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

Jump to bottom

✨💄🐛 Add Snowflake Effect to the WPF UI Gallery #1266

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

✨💄🐛 Add Snowflake Effect to the WPF UI Gallery #1266

wants to merge 1 commit into from

Conversation

keeleycenc
Copy link

Pull request type

Please check the type of change your PR introduces:

  • Feature
  • Bugfix
  • Update
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes

What is the current behavior?

Issue Number: N/A

  • Before this update, the WPF UI Gallery did not include any interactive snow effects on the UI canvas.
  • Navigation cards had an issue with text wrapping that affected readability and layout consistency.

What is the new behavior?

  • Introduced a new SnowflakeEffect class and associated Snowflake.cs model to create an interactive snow effect on the UI canvas, which responds dynamically to mouse movements.
  • Updated the GalleryNavigationPresenter.xaml and associated pages in the BasicInput, Collections, DateAndTime, DialogsAndFlyouts, Layout, Media, Navigation, OpSystem, StatusAndInfo, and Text directories to integrate and demonstrate the new snow effect.
  • Adjusted page designs to accommodate the snow effect visuals and ensure seamless integration.
  • Fixed the text wrapping issue in navigation cards, improving UI readability and layout consistency.
  • Updated themes Dark.xaml and Light.xaml to support the visual requirements of the snow effect.

Other information

Navigation Cards Text Wrapping Issue Fix

Before the Fix (Issue with Text Wrapping):
image

After the Fix (Resolved Text Wrapping):
image

Snowflake Effect Implementation on UI

Before Adding Snowflake Effect:
Before Adding Snowflake Effect

After Adding Snowflake Effect:
After Adding Snowflake Effect

💄🐛 Add Snowflake Effect to the WPF UI Gallery
9590103 
- Introduced a new SnowflakeEffect class and associated Snowflake.cs model to create an interactive snow effect on the UI canvas, responding to mouse movements.
- Updated the GalleryNavigationPresenter.xaml and associated pages in the BasicInput, Collections, DateAndTime, DialogsAndFlyouts, Layout, Media, Navigation, OpSystem, StatusAndInfo, and Text directories to integrate and demonstrate the new snow effect.
- Added new files for the snow effect implementation in the Effects directory: Snowflake.cs and SnowflakeEffect.cs.
- Adjusted page designs in BasicInputPage.xaml, DateAndTimePage.xaml, and other modified pages to accommodate the snow effect visuals and ensure seamless integration.
- Fixed text wrapping issue in navigation cards to improve UI readability and layout consistency.
- Updated themes Dark.xaml and Light.xaml to support the visual requirements of the snow effect.

This update brings a visually engaging element to the WPF UI Gallery, enhancing user interaction with dynamic, responsive snowflakes across multiple demo pages.
@github-actions github-actions bot added styles Topic is related to styles PR Pull request gallery WPF UI Gallery dotnet release labels Nov 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@pomianowski pomianowski Awaiting requested review from pomianowski pomianowski is a code owner

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
dotnet gallery WPF UI Gallery PR Pull request release styles Topic is related to styles
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@keeleycenc