Migrating from 7.5 to 8.1 - Buttons

How-to
1

Description

I’m trying to migrate from 7.5 to 8.1 and am having a new issues.
This one is buttons, in 7.5 they used to be clear, in 8.1 they are blue. How can I make them look like they used to?

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

Simulator

What LVGL version are you using?

8.1

What do you want to achieve?

Make the buttons look like they used to

However, I do like the size and padding of the new buttons.

What have you tried so far?

Reviewed the docs

Code to reproduce

struct objReturnVal createButton(lv_obj_t * parent, const char* name, int yPos)
{
    lv_obj_t * m_label;

    lv_obj_t * btn = lv_btn_create(parent);
	lv_obj_set_width(btn, 300);
    lv_obj_add_event_cb(btn, btn_Alo_event_handler, LV_EVENT_VALUE_CHANGED, NULL);
    lv_obj_set_pos(btn, 10, yPos);
    //lv_btn_set_fit2(btn_alo, LV_FIT_NONE, LV_FIT_TIGHT);

    m_label = lv_label_create(btn);
    lv_label_set_text(m_label, name);
    lv_obj_align_to(m_label, btn, LV_ALIGN_CENTER, 0, 0);

	struct objReturnVal returnVal;
	returnVal.obj = btn;
	returnVal.label = m_label;

	return returnVal;

}

Screenshot and/or video

If possible, add screenshots and/or videos about the current state.

8.1:

image
image737×175 2.25 KB

7.5:

image
image832×168 3.6 KB

2

This should do the job:


 static lv_style_t style;
 lv_style_init(&style);
 lv_style_set_radius(&style, LV_RADIUS_CIRCLE);
 lv_style_set_bg_color(&style, lv_color_hex(0x586273));
 lv_style_set_border_color(&style, lv_color_hex(0x01a2b1));
 lv_style_set_border_width(&style, 1);
 lv_style_set_shadow_width(&style, 0);

 lv_obj_t * btn = lv_btn_create(lv_scr_act());
 lv_obj_add_style(btn, &style, 0);
 lv_label_create(btn);
3

Brilliant!!
That looks a whole lot better.
Thanks!

4

Welcome!
I like the v8 buttons more, but this is just my opinion.