Windowscommunitytoolkit: New Mutation Toggle Switch control

Created on 5 Jan 2017  路  6Comments  路  Source: windows-toolkit/WindowsCommunityToolkit

I want to contribute with a new toggle switch control which is lightweight, simple, and has a very nice animation.

off
on

The control will switch between the above on/off states with animation that gives a mutation feel from one shape to another.

It is ready to be added to the project.

Most helpful comment

@ahmed-karim-tantawy I have to ask why? It seems like you just prefer this look. To that end, making a style for the existing ToggleSwitch seems like the better approach. Making a completely new toggle switch will also mean you'll need to add keyboarding, accessibility and default localization. While I think I see where you are going with this design as well, this seems like it isn't in line with the current MS design language and having a singular control that has a different user experience both visually and animation-wise seems to make it feel out of place.

All 6 comments

Hey and first of all thanks for your interest!
Is this control a reskin of the Toggle or is it more than that?

No, it is not a customization on the default ToggleSwitch control. It is completely from scratch.
It is converted from one state to another by animating both shape and color.
The circle in the first attached image (OFF state) is animated to be a rectangle or vertical line like the second image (ON state) and the color also is animated (not just changed).

Also I'm working on it now to add the label and make it customizable :)

@ahmed-karim-tantawy I have to ask why? It seems like you just prefer this look. To that end, making a style for the existing ToggleSwitch seems like the better approach. Making a completely new toggle switch will also mean you'll need to add keyboarding, accessibility and default localization. While I think I see where you are going with this design as well, this seems like it isn't in line with the current MS design language and having a singular control that has a different user experience both visually and animation-wise seems to make it feel out of place.

Then should I always make it in line with MS design ?

@ahmed-karim-tantawy not necessarily :-) -- an app should feel free to iterate on their design. However from a 'toolkit' perspective, controls should be generic enough that they fit well with the core common controls and such. IMO, this wouldn't and feels like a one-off style (that probably looks great), rather than a complete 'theme' for all controls. It's just my opinion that beyond style I'm not sure this adds functional value to a toggle switch. I think it would be cool to see the style, but I'm not convinced this would be common enough for a toolkit stand-alone control. My 2 cent opinion.

Like Tim mentioned, as a toolkit from community and Microsoft we need to fit with the core common controls.
But I would love to see it live (perhaps in a separate repo?)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nolanblew picture nolanblew  路  3Comments

michael-hawker picture michael-hawker  路  4Comments

tibitoth picture tibitoth  路  3Comments

andriihorpenko picture andriihorpenko  路  3Comments

SmartPolarBear picture SmartPolarBear  路  4Comments