嵌入式GUI LVGL『Switch开关控件』介绍

Posted 2021-09-06 Wireless_Link

一. LVGL GUI开关控件的概念

 

开关可用于打开/关闭某物。它看起来像一个小滑块。

二. LVGL GUI开关小部件和样式

开关使用以下部分：

• LV_SWITCH_PART_BG ：  主要部分
• LV_SWITCH_PART_INDIC ：指示器（虚拟部分）
• LV_SWITCH_PART_KNOB ：旋钮（虚拟部分）

三. LVGL GUI开关控件的使用

1. 改变状态(Change state)

通过这个函数开启开关lv_switch_on(switch, LV_ANIM_ON/OFF)

通过这个函数关闭开关lv_switch_off(switch, LV_ANIM_ON/OFF)

通过这个函数切换开关状态lv_switch_toggle(switch, LV_ANOM_ON/OFF)

2. 动画时间(Animation time)

通过这个函数lv_switch_set_anim_time(switch, anim_time)来设置开关切换动画，实验下

void lvgl_switch_ani_test(void)
{
    /*Create a switch and apply the styles*/
    lv_obj_t* sw1 = lv_switch_create(lv_scr_act(), NULL);
    lv_obj_align(sw1, NULL, LV_ALIGN_CENTER, 0, -50);

    lv_obj_t* sw2 = lv_switch_create(lv_scr_act(), sw1);
    lv_switch_on(sw2, LV_ANIM_ON);
    lv_obj_align(sw2, NULL, LV_ALIGN_CENTER, 0, 50);
    lv_switch_set_anim_time(sw2,2000);
}

3. 事件(Event)

除了基本的事件外，有这个特殊事件

LV_EVENT_VALUE_CHANGED Sent when the switch changes state.

写个代码实验下

static void switch_event_test_handler(lv_obj_t* obj, lv_event_t event)
{
    if (event == LV_EVENT_VALUE_CHANGED) {
        printf("State: %s\\n", lv_switch_get_state(obj) ? "On" : "Off");
    }
}

void lvgl_switch_event_test(void)
{
    /*Create a switch and apply the styles*/
    lv_obj_t* sw1 = lv_switch_create(lv_scr_act(), NULL);
    lv_obj_set_pos(sw1,10,10);
    lv_obj_set_event_cb(sw1, switch_event_test_handler);
}

好了，完结了，更多精彩继续戳↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓