Animation-out support

What do you want to achieve?

LVGL supports various animation types. In particular, the “OUT” animation is present in LVGL8+, but missing from SquareLine studio. “OUT” is similar to “OVER”, but in reverse. With “OVER” new screen slides in over old screen. With “OUT” old screen slides away to reveal new screen.

SquareLine(has MOVEs/OVERs/FADE-ON):

LVGL 8.3.11 and 8.4.0:

typedef enum {
    LV_SCR_LOAD_ANIM_NONE,
    LV_SCR_LOAD_ANIM_OVER_LEFT,
    LV_SCR_LOAD_ANIM_OVER_RIGHT,
    LV_SCR_LOAD_ANIM_OVER_TOP,
    LV_SCR_LOAD_ANIM_OVER_BOTTOM,
    LV_SCR_LOAD_ANIM_MOVE_LEFT,
    LV_SCR_LOAD_ANIM_MOVE_RIGHT,
    LV_SCR_LOAD_ANIM_MOVE_TOP,
    LV_SCR_LOAD_ANIM_MOVE_BOTTOM,
    LV_SCR_LOAD_ANIM_FADE_IN,
    LV_SCR_LOAD_ANIM_FADE_ON = LV_SCR_LOAD_ANIM_FADE_IN,
    LV_SCR_LOAD_ANIM_FADE_OUT, //Missing from SquareLine
    LV_SCR_LOAD_ANIM_OUT_LEFT, //Missing from SquareLine
    LV_SCR_LOAD_ANIM_OUT_RIGHT, //Missing from SquareLine
    LV_SCR_LOAD_ANIM_OUT_TOP, //Missing from SquareLine
    LV_SCR_LOAD_ANIM_OUT_BOTTOM, //Missing from SquareLine
} lv_scr_load_anim_t;

Do you see alternative options and workaround to achieve it?

An alternative cumbersome workaround is to replace the screen transition events with function call events and manually wire in the OUT transitions as needed.

Mention some use cases

The “OVER” animation is useful to present the idea of a screen appearing over another screen, and then “OUT” can be used to reveal the original screen.

Hi, you are correct, the OUT animations are available in LVGL but haven’t been added to SquareLine Studio yet. We agree they would be a very useful addition. We will add these missing screen transition animations in a future version.

1 Like