Standard Transitions

Transitions are used to give feedback for the different states of an object. A selectable UI element can have the following states:

  • Normal 
    When it is just displayed on the screen without having any interaction right now
  • Highlighted 
    When the object is in Focus (Mouse is above or the last element where a pointer down action has been performed)
  • Pressed 
    When the pointer is currently pressing the element
  • Selected (only in Unity 2019+) *

Introduced in Better UI 2.1
When it is the last element which was pressed.

  • Disabled 
    When the element is not interactible


A UI Element with "Better Transitions" can have a uGUI transitions as well as additional transitions. These additional transitions can affect any number of objects with different kinds of transitions. Also, there are more options for "Better Transitions" than for the uGUI transition.


Example: If you need a button where the background color should change as well as the text color you could add a "Better Transition" for the Text object.


Special Transitions

Transitions can also be used for other state changes. They allow the same set of transition types as the standard transitions.

The only special kind of transition right now is the On / Off transition of Better Toggles.


How to add a Better Transition

To add a "Better Transition" to one of the UI Elements perform the following steps:

  1. Increase the Count of Better Transitions by one
  2. Select the Mode of the Transition
  3. Drag and Drop a valid Target in the respective Object Field
  4. Define the states for every transition



* If you upgrade from your project from a Unity version earlier than 2019 to version 2019 or later - or if you are working in Unity 2019 and you are upgrading Better UI from a version earlier than 2.1 to version 2.1 or later:

You will see an "Upgrade" button instead of the selected state in your better transitions. When you press that, the transition adds a selected state. You will have to do this for every Better Transition in your project.