RadioButtons Style Improvements [Issue Collection]

[michael-hawker]

Describe the bug
I was trying to see if the RadioButtons control could be re-styled to support the Segmented Control scenario (#2310) as asked by @sonnemaf here on Twitter: https://twitter.com/fonssonnemans/status/1334606237820985345

I was able to get close from a style perspective (haven't tried functionality in terms of SelectedItem):

But trying to re-style RadioButtons as painful due to the following set of issues:

Linked Issues

• RadioButtons doesn't respect BorderThickness or BorderBrush property RadioButtons doesn't respect BorderThickness or BorderBrush property #3247
• Add Layout property to RadioButtons Proposal: Add Layout property to RadioButtons #2084 or Add Orientation Property to RadioButtons Proposal: Add Orientation Property to RadioButtons #3501

TO DO
Should test out how re-styling works with selection to see if further issues need to be collected here. I was able to just set SelectedIndex on the RadioButtons and it seemed to surprisingly set the ToggleButton state, so maybe there's not much to do here?

Have my test work in a gist here: https://gist.github.com/michael-hawker/06bda503efa14fbb2a84896643c21959

[StephenLPeters]

This is awesome! retemplating is great when it works. hopefully we can resolve these styling issues.

[sonnemaf]

I want the RadioButtons to have animations, see my mock-up video https://twitter.com/fonssonnemans/status/1334816598599880705

[StephenLPeters]

I think its probably difficult to get this style of animation with a simple retemplate of RadioButtons... You might be able to do it with a new VSM group and calling go to state yourself in the checked/unchecked handlers of retemplated toggle switches you put as children of the RadioButtons. Seems tricky but maybe possible.

[niels9001]

We have recently published the new Segmented control and TokenView controls as part of the Windows Community Toolkit Labs. I think these controls are very much in line what is discussed here.

Segmented control

• Supports single and multi selection.
• Comes with 3 different styles (default, Pivot-like style and button style).

More info here: CommunityToolkit/Labs-Windows#392

TokenView

• Supports single and multi selection
• Allows for wrapping TokenItems
• Items can be removed as well

More info here: CommunityToolkit/Labs-Windows#427