Mahapps.metro: Idea collection for a new demo App

[timunie]

Is your feature request related to a problem? Please describe.
Now that the v2.0.0 is out maybe the Demo App should be updated as well. I would like to open this feature request to collect some ideas / drafts

Describe the solution you'd like
These are my ideas so far:

• Use the HamburgerMenu instead of a TabControl.
• Use the same Layout for almost every Control
• Provide a Link to the online doc where possible (see: #3053 )
• Provide sample XAML to copy & paste it into your own app

Additional context
I have implemented this into my personal Controls-Libary and here is an early preview of it:

To create this view:

<local:ExampleView_Base x:Name="demoView" xml:space="preserve">
    <local:ExampleView_Base.ExampleXaml><![CDATA[<ctrls:CircularProgressBar 
        Value="[Value]" 
        Minimum="[Minimum]"
        Maximum="[Maximum]"
        Width="[Width]"
        Height="[Height]"
        HorizontalAlignment="[HorizontalAlignment]"
        VerticalAlignment="[VerticalAlignment]"
        Content="[Content]"
        ContentStringFormat="[ContentStringFormat]" />
        ]]></local:ExampleView_Base.ExampleXaml>
    <ctrls:CircularProgressBar x:Name="MyProgressBar"
                                Width="200"
                                Height="200"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                ContentStringFormat="0' %'"
                                Maximum="100"
                                Minimum="0"
                                Value="5" />
</local:ExampleView_Base>

and in the Constructor:
```c#
public RadialProgressExample()
{
InitializeComponent();

demoView.AddDemoProperty(CircularProgressBar.ValueProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.MinimumProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.MaximumProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.IsFilledProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.IsIndeterminateProperty, MyProgressBar);

demoView.AddDemoProperty(CircularProgressBar.ContentProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.ContentStringFormatProperty, MyProgressBar);

demoView.AddDemoProperty(CircularProgressBar.WidthProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.HeightProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.HorizontalAlignmentProperty, MyProgressBar);
demoView.AddDemoProperty(CircularProgressBar.VerticalAlignmentProperty, MyProgressBar);

}
```

Closed Issues
None

Happy coding
Tim

[timunie]

Edit: Here is the preview taken from: https://github.com/timunie/TimsWpfControls

[AKruimink]

Might be worth having a look at something like ShowMeTheXAML which i think MaterialDesignInXAML uses to do XAML display in their demo (which i personally quite like), not saying that should be used straith up, but might atleast give some good idea's.

[timunie]

@AKruimink good point but I don't know how to modify it to our needs right now. It is on the list 😊

[amkuchta]

I love the idea of this. Perhaps instead of having a separate hamburger menu item for each control, though, maybe we could have groups of controls ("buttons", "progress", etc.), with a list view of individual controls on the view for that group? If we have an individual hamburger menu item for each control, we are going to have a lot of hamburger menu items