lvgl sw（滑动按钮）

原创

JDSH0224 2022-09-19 13:51:11 博主文章分类：GUI ©著作权

文章标签 控件 文章分类 运维

©著作权归作者所有：来自51CTO博客作者JDSH0224的原创作品，请联系作者获取转载授权，否则将追究法律责任

源代码：

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

  //24 滑动按钮控件
  static lv_style_t bg_style;
  static lv_style_t indic_style;
  static lv_style_t knob_on_style;
  static lv_style_t knob_off_style;

  lv_style_copy(&bg_style, &lv_style_pretty);
  bg_style.body.radius = LV_RADIUS_CIRCLE;
  bg_style.body.padding.top = 6;
  bg_style.body.padding.bottom = 6;

  lv_style_copy(&indic_style, &lv_style_pretty_color);
  indic_style.body.radius = LV_RADIUS_CIRCLE;
  indic_style.body.main_color = lv_color_hex(0x9fc8ef);
  indic_style.body.grad_color = lv_color_hex(0x9fc8ef);
  indic_style.body.padding.left = 0;
  indic_style.body.padding.right = 0;
  indic_style.body.padding.top = 0;
  indic_style.body.padding.bottom = 0;

  lv_style_copy(&knob_off_style, &lv_style_pretty);
  knob_off_style.body.radius = LV_RADIUS_CIRCLE;
  knob_off_style.body.shadow.width = 4;
  knob_off_style.body.shadow.type = LV_SHADOW_BOTTOM;

  lv_style_copy(&knob_on_style, &lv_style_pretty_color);
  knob_on_style.body.radius = LV_RADIUS_CIRCLE;
  knob_on_style.body.shadow.width = 4;
  knob_on_style.body.shadow.type = LV_SHADOW_BOTTOM;

  /*Create a switch and apply the styles*/
  lv_obj_t *sw1 = lv_sw_create(lv_scr_act(), NULL);
  lv_sw_set_style(sw1, LV_SW_STYLE_BG, &bg_style);
  lv_sw_set_style(sw1, LV_SW_STYLE_INDIC, &indic_style);
  lv_sw_set_style(sw1, LV_SW_STYLE_KNOB_ON, &knob_on_style);
  lv_sw_set_style(sw1, LV_SW_STYLE_KNOB_OFF, &knob_off_style);
  lv_obj_align(sw1, NULL, LV_ALIGN_CENTER, 0, -50);
  lv_obj_set_event_cb(sw1, sw_event_handler);

  /*Copy the first switch and turn it ON*/
  lv_obj_t *sw2 = lv_sw_create(lv_scr_act(), sw1);
  lv_sw_on(sw2, LV_ANIM_ON);
  lv_obj_align(sw2, NULL, LV_ALIGN_CENTER, 0, 50);