LVGL style

LVGL是一个开源的GUI库，提供了丰富的控件和样式，可以用于嵌入式系统的图形化界面设计。其中，style是LVGL中非常重要的一个概念，用于定义控件的外观和行为。下面是关于LVGL style的介绍和示例：

1. style的定义和使用

style是一个结构体，包含了控件的各种属性，例如背景颜色、边框、字体等。可以通过lv_style_init()函数初始化一个style，然后通过lv_obj_add_style()函数将style应用到控件上。例如：

static lv_style_t style1;
lv_style_init(&style1);
lv_style_set_bg_color(&style1, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_style_set_border_color(&style1, LV_STATE_DEFAULT, LV_COLOR_BLACK);
lv_obj_add_style(btn1, LV_BTN_PART_MAIN, &style1);

上面的代码定义了一个名为style1的style，将其背景颜色设置为白色，边框颜色设置为黑色，并将其应用到了名为btn1的按钮控件上。

2. state的概念

style中的state用于定义控件的状态，例如默认状态、按下状态、选中状态等。可以通过LV_STATE_XXX宏定义来指定state。例如：

lv_style_set_bg_color(&style1, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_style_set_bg_color(&style1, LV_STATE_PRESSED, LV_COLOR_GRAY);
lv_style_set_bg_color(&style1, LV_STATE_FOCUSED, LV_COLOR_RED);

上面的代码分别定义了style1在默认状态、按下状态和选中状态下的背景颜色。

3. style的继承

style可以通过继承来实现样式的复用。可以通过lv_style_set_parent()函数将一个style设置为另一个style的父样式。例如：

static lv_style_t style1, style2;
lv_style_init(&style1);
lv_style_set_bg_color(&style1, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_style_set_border_color(&style1, LV_STATE_DEFAULT, LV_COLOR_BLACK);

lv_style_init(&style2);
lv_style_set_parent(&style2, &style1);
lv_style_set_bg_color(&style2, LV_STATE_PRESSED, LV_COLOR_GRAY);

lv_obj_add_style(btn1, LV_BTN_PART_MAIN, &style1);
lv_obj_add_style(btn2, LV_BTN_PART_MAIN, &style2);

上面的代码定义了两个style，其中style2继承了style1，并将其在按下状态下的背景颜色设置为灰色。然后将style1应用到了btn1上，将style2应用到了btn2上。