Optimized UI

A package for Unity that is designed to greatly simplify user interface development.

Warning

The package is currently in an early stage of development, so some methods and concepts may change over time. Use at your own risk.

I am also developing this package primarily for personal use.

Features

• State Machine: This is an animator replacement focused on switching between visual states of UI elements, such as buttons.
• Flex components: an analogue of CSS Flex in web design. Automatically places elements in a container, you can specify Grow, Shrink, Basis for each element

State Machine Usage

1. Configure State Machine

1. Add the State Machine component to the interface element.

2. In the inspector, add and configure the needed transitions. You can choose from the built-in ones or create your own, as described below.

   

3. Add the needed states and set their values, for example, for a button it can be "normal", "hover", and "pressed".

   

2. Use State Machine

• If you want to make a simple element like a button or slider, you can use a special components (Button, Slider, Scrollbar or Selectable), in this package they are modified to use State Machine for transitions. All available components can be found in the Optimized UI tab in the Add Component menu.