Tip:
Highlight text to annotate it
X
To can show how the movement of states works,
we are going to create a new state and we are going to put our mouse pointer over an area
that is not suggesting to us some type of activity.
If we make a drag over this area, and therefore a maintained left click,
the state will associate to the mouse pointer and we will can to move the state correlatively with the mouse pointer.
At the moment we stop pressing the left button, the state will stay in the place
where we have completed the push of the button.
During de movement of a state, the state will be displayed over the rest of states.
However the state can never overlap the text.
As the text have to be always visible, despite the position
of a state or despite the element that is over the text.
This is all about the movement of the states.