Эта страница является переводом страницы IRidium studio 2019 Animation. Перевод выполнен на 100%.

Animation in interface

Ways to animate showing and hiding popups and certain graphic items

Animation of Popups

You can create a list of animation effects in the ANIMATION panel and appy these effects to popus in your project. Animation can be performed when showing or hiding a popup.

Create animation effects in the Animation panel
Select a popup from the list and apply an effect to it.

Type. Types of animation effects:

Fade - "fading" - a popup changes it degree of transparency
Rotate - "rotation" - a popup moves rotating on its axis
Slide - "appearance" - a popup starts its appearance from "beyond" the screen edge or from "behind" itself
Scale - "scalling" - a popup increases its coordinates on the Х and Y axes till the set ones
TV Scan - "panorama" - a popup appears by changing its width from 0 till the set value

Settings of effect:

Duration (ms) - duration of animation
Delay (ms) - delay before animation starts
Tweener - direction where a popup moves when it appears and disappears

Animation of Graphic Items

Change of appearance - any item with 2 states has it: when pressed a button changes its stated, a level is filled, etc. States can ba changed and set. See types and variants of item settings.

Animation at state change from inactive to active, loop animation and a unique way of showing different states of an item are done with the help of Multistate items: Buttons, Levels.

See all settings of animatd items (Multistate).

Example: loop animation is assigned to an item элемент прокручивает анимацию в цикле (loading process, logo with animation):

create an item of the Multistate Button type
select in item settings: Loop animation: true – to repeat continually
select in item settings:Feedback:
1. Momentary – active as long as it is held, animation is performed when an item is held by a user
2. On – active always, animation is performed all the time
3. Blink – active when True comes in the Value property, animation is performed whan a variable connected to an item via Relations is active
create a required number of shots - item states and fill them with images in the order they are supposed to appear

Time Up and Time Down (ms) – the speed with which animation shots are changed when animation is performed on the direct or reverse order. If it's required for an item to get into the initial state after animation is performed, select Time Down: 0

Fast effects for Multistate buttons allows to create automatically an animation effect based on the first (inactive) state of a button.
Add an image to a project and click the «Fast effect button» on the tool bar.

Enter the following in the parameters of a modified state:

Image shift in relation to the initial state,
Transparency of the new state (Alpha-channel of the item),
The color and size of the text on the new state.