Animated Toggle Buttons are a hybrid component that combines Toggle Buttons with Animated Buttons. Use an Animated Toggle Button whenever it is desirable to have a timeline based animation as a transition between the various states of a Toggle Button, as opposed to a standard Toggle Button, which simply snaps to each button state without animated effects.

This button type is the most comprehensive of the four types, as it includes the functionality of all of the previous three types, as well as specialized transitions for animated toggle buttons. Like the animated button from the previous section, we have recycled selected_up, selected_down and selected_over as transitions. They still have meaning as states.

A few possible use cases for the Animated Toggle Button component might be:

• Menu buttons which can be toggled “on” or “off,” with animated transitions
  • Enable/disable bloom visual effect
  • Mute/unmute audio
  • High quality lighting on/off
  • Auto save on/off
• In-game animated console controls that require an on/off state
• Mini-game animated buttons that require an on/off state