How can I make smooth transition while shifting one font style to other font style?


I want to change font size with transition effect(lv_anim_path_linear). To achieve these, I have used API “lv_style_set_text_font(style, &my_font1);” and when event occurs I have used font “lv_style_set_text_font(style, &my_font2);”. Then apply transition using API “lv_style_set_transition()”. But I can’t able to achieve smooth transition when font will changes. It will suddenly change.

What MCU/Processor/Board and compiler are you using?

I’m using Visual code simulator on ubuntu environment.

What LVGL version are you using?

It’s on version V8.3

What do you want to achieve?

I want to achieve smooth transition while font change.

What have you tried so far?

I have taken two “lv_style_t *style” variable. One is loaded with my_font1 and another one is loaded with my_font2. And then apply these style to my label with specified state(i.e. LV_STATE_DEFAULT(For style1) & LV_STATE_FOCUSED(For style2) ) so, that when state change, my label font will change based on state changed with mentioned transition time in API “lv_style_transition_dsc_init()”.

But It doesn’t reflect applied transition parameters(which I configured in API “lv_style_transition_dsc_init(x,y, lv_anim_path_linear, 300, 0, NULL )”) while font change.

Code to reproduce

Screenshot and/or video

I have found solution of it. It can be achieve by using runtime font generation and then applying animation on it.