Fluent Design: Navigation/Activity Bar

[michael-hawker]

Feature Background

Status: Stable
Tracking Issue: #3

With the new Fluent UI Design update, we adopted the larger Microsoft Store style navigation pattern for the left-hand side of the application:

This drives the "Activity Bar" / Panels on the left-hand side, like the binding debugger view shown here:

We also decided instead of making the Welcome/Settings pages tabs/document pages like in XAML Studio v1, that they would have their own dedicated "full-screen" modes in XAML Studio v2, as seen here with Settings #40:

Technical Info

If you're looking to help improve these behaviors, the code for the NavigationView can be found in the XamlStudio project's MainPage.xaml. It uses the Microsoft Store style adopted from the AI Dev Gallery project.

Feedback

Known Issues: #20, #21

Let us know how you feel about these updates, especially the changes to the Welcome and Settings pages behavior.