Toggle Button created using Slider

[rustbasic]

• Closes Take rounding into account when using Slider::trailing_fill #4308

Toggle Button created using Slider.

[DataTriny]

Hi @rustbasic

What you are proposing here is not a toggle button but a switch. Semantically speaking, egui already has support for toggle buttons.

From an accessibility point of view, this new widget would be very confusing as is because:

• right now it is exposed to assistive technologies as a slider even though it should be reported as a Switch and have its Checked state set accordingly. Typical properties that make sense for a slider such as numeric_value, min_numeric_value, max_numeric_value, numeric_value_step and numeric_value_jump would have to be disabled.
• It should be possible to toggle the switch by pressing the space bar (maybe the slider already offers that?)
• It should be possible to toggle the switch by just clicking (not dragging the mouse) (maybe the slider already offers that?)
• The color of the widget would have to be different depending on the state otherwise it is hard to understand the meaning for people who rely less on their vision.
• Key pressed that make sense for sliders (e.g. arrows, home/end...) would have to be disabled.

I'll let @emilk decide whether using the slider as a building block for a switch is a good idea or not, but there is more in a switch than just being able to slide something from left to right. A switch is semantically closer to a check box.

[rustbasic]

@DataTriny

Thank you for review.

It seems like it was written without use.
Please try it and let me know what specific changes need to be made.

For example,
you can change things with just a click rather than dragging.
Change the selected value like a checkbox.
The color is changeable ui.visuals_mut().slider_trailing_fill

[YgorSouza]

There is already a toggle switch implementation in the demo app. It is provided as an example of how users can write their own widgets. If egui were to have a toggle switch widget, it would probably be implemented like this. But currently anyone who needs it can just copy those 20 lines of code, and then customize it if they want.

[rustbasic]

There is already a toggle switch implementation in the demo app. It is provided as an example of how users can write their own widgets. If egui were to have a toggle switch widget, it would probably be implemented like this. But currently anyone who needs it can just copy those 20 lines of code, and then customize it if they want.

Yes, this is just to provide it in an easier and simpler way.

[emilk]

As DataTrinity pointed out, this is a bad way of implementing a toggle switch.

At some point I'd like to have a global option to show checkboxes as toggle switches, i.e. like a styling option. But this PR is not it.

[rustbasic]

As DataTrinity pointed out, this is a bad way of implementing a toggle switch.

At some point I'd like to have a global option to show checkboxes as toggle switches, i.e. like a styling option. But this PR is not it.

Okay. I thought it would be better to have something simple to implement rather than nothing.