Looking for radial gradient MPY example / LVGL9.4

[de-dh]

Hi guys,

does anyone have a working MPY example for a radial gradient for LVGL 9.4?

There's an example in the LVGL 9.4 docs, so it should be possible.
Unfortunately, I can't get it working with MPY.

I found this discussion, but I'd like to use the LVGL native functions in MPY if possible.

What I tried so far:

import lvgl as lv
import lv_config


ui_Screen1 = lv.obj()
ui_Screen1.set_style_bg_color(lv.color_hex(0x000000), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Screen1.set_style_bg_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )

ui_Container19 = lv.obj(ui_Screen1)
ui_Container19.remove_style_all()
ui_Container19.set_width(200)
ui_Container19.set_height(150)
ui_Container19.set_align( lv.ALIGN.CENTER)
ui_Container19.set_style_radius( 10, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_bg_color(lv.color_hex(0x004577), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_bg_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container19.set_style_bg_grad_color(lv.color_hex(0x00001A), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_bg_main_stop( 0, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_bg_grad_stop( 255, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_bg_grad_dir( lv.GRAD_DIR.RADIAL, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_clip_corner( True, lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_border_color(lv.color_hex(0xF8F8F8), lv.PART.MAIN | lv.STATE.DEFAULT )
ui_Container19.set_style_border_opa(255, lv.PART.MAIN| lv.STATE.DEFAULT )
ui_Container19.set_style_border_width( 3, lv.PART.MAIN | lv.STATE.DEFAULT )

lv.screen_load(ui_Screen1)

print(dir(lv.GRAD_DIR))
'''
--> ['__class__', '__name__', 'CONICAL', 'HOR', 'LINEAR',
'NONE', 'RADIAL', 'VER', '__bases__', '__dict__']
'''

Result:

[kdschlosser]

The gradients in LVGL don't work correctly. they don't create proper gradients. they are blocky and messed up where the color changes are not right. I would not bother with using them. They are also very expensive to create using a lot of CPU time to do it.

[de-dh]

Thank you, that is good to know.