Added MD3 version of MaterialDesignSwitchToggleButton

[jizc]

Part of issue #2475

This PR adds a Material Design 3 version of the MaterialDesignSwitchToggleButton style.

Specs

https://m3.material.io/components/switch/specs

Notes

• The other styles in the MaterialDesign3.ToggleButton.xaml resource dictionary are just copies of the ones in MaterialDesignTheme.ToggleButton.xaml
• The colors don't match the specs exactly. This is the closest I could come with the current color system. We should give it another pass when/if a more complete MD3 color system is implemented.

[Keboo]

Great work thank you!

[soghomonyansargis]

Hi, I am getting IOException: Cannot locate resource exception when trying to use this`
"ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign3.ToggleButton.xaml"

(Cannot locate resource 'themes/materialdesign3.togglebutton.xaml'.)

[jizc]

@soghomonyansargis It hasn't been released yet. Look for it in the upcoming 4.6.0 release.

[Nextra]

These look fantastic, but they are absolutely massive compared to the MD2 variant. The box size is pretty much double, and without the borders the MD2 variant feels much smaller visually on top of that.

How difficult would it be to have a separate style that more closely matches the MD2 size, or even make this one adjustable? Simply changing the height breaks the styling of the MD3 variant unfortunately.

[Oszoou]

Indeed, they are massive. Here is a temporary solution.

<ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}">
    <ToggleButton.RenderTransform>
        <ScaleTransform CenterX="0" CenterY="0" ScaleX="0.8" ScaleY="0.8" />
    </ToggleButton.RenderTransform>
</ToggleButton>