Unity3d Selectable Preview Overlay

Unity3d SceneView Overlay to preview Graphic states of UI.Selectable (Button, Toggle etc)

Youtube view usage exampe

Panel / horizontal docked / vertical docked / collapsed

Installation

• copy SceneOverlayPreviewSelectable.cs to folder "Project/Assets/../Editor/.."

Summary

• single-file script
• dockable overlay
• hides if no Selectable in selection
• not change any Serialized (saved) values, only temporal
• preview all built-in animations: color, sprite swap, animation,
• preview Custom animations based on UI.Selectable.DoStateTransition
• Tested witn Unity 6, Unity 2022

Support Any Selectables

• Button
• Toggle (Include isOn graphic)
• Slider
• Scrollbar
• Any custom Selectable, animated through UI.Selectable.DoStateTransition()

Screenshots

Normal state no overrides, undocked Panel view

Toggle.isOn is inverted

Docked toolbar view

Button state is overriden to Pressed, also scaled by custom script based on UI.Selectable.DoStateTransition()

All selected Selectables states overriden to Selected