当前位置：首页 > news >正文

【LVGL】微调器部件

news 2026/5/12 18:13:05

引言

仅作笔记使用，无参考价值。

微调器部件（lv_spinbox）

微调器部件相关 api 函数

示例程序

static lv_obj_t *spinbox;
static lv_obj_t *btn1;
static lv_obj_t *btn2;static void event_cb(lv_event_t* e)
{lv_obj_t *target = lv_event_get_target(e);if (target == btn1) {lv_spinbox_increment(spinbox);} else if (target == btn2) {lv_spinbox_decrement(spinbox);}printf("%d\r\n", lv_spinbox_get_value(spinbox));
}/*** @brief  LVGL演示* @param  无* @return 无*/
void my_gui(void)
{spinbox = lv_spinbox_create(lv_scr_act());    /* 创建微调器部件 */lv_obj_center(spinbox);
//    lv_spinbox_set_step(spinbox, 200);  /* 设置步进 */lv_spinbox_set_range(spinbox, 0, 1000); /* 设置范围  */lv_spinbox_set_value(spinbox, 400); /* 设置当前值 */lv_spinbox_set_digit_format(spinbox, 4, 1); /* 设置小数点位数，小数点位置 */lv_spinbox_set_pos(spinbox, 3);   /* 设置光标位置，建议不要和步进设置函数一起用，有触摸屏可以直接触摸选择光标位置 */btn1 = lv_btn_create(lv_scr_act());   /* 右侧递增按钮 */lv_obj_align_to(btn1, spinbox, LV_ALIGN_OUT_RIGHT_MID, 10, 0);lv_obj_set_style_bg_img_src(btn1, LV_SYMBOL_PLUS, LV_PART_MAIN);                  /* 设置背景图标 */lv_obj_add_event_cb(btn1, event_cb, LV_EVENT_CLICKED, NULL);btn2 = lv_btn_create(lv_scr_act());   /* 左侧递减按钮 */lv_obj_align_to(btn2, spinbox, LV_ALIGN_OUT_LEFT_MID, -10, 0);lv_obj_set_style_bg_img_src(btn2, LV_SYMBOL_MINUS, LV_PART_MAIN);               /* 设置背景图标 */lv_obj_add_event_cb(btn2, event_cb, LV_EVENT_CLICKED, NULL);
}

现象：