ESP32开发之lvgl 复选框,并排,位置移动

API

lv_checkbox_create()   创建复选框

lv_checkbox_set_text()  设置复选框的文本。文本的内存可能会被释放

lv_checkbox_set_text_static() 设置复选框的文本。文本将在静态区中

lv_checkbox_get_text()    获取复选框的文本

lv_obj_set_pos(); 复选框位置设置

复选框要实现两个并排  需要创建一个容器,所有的复选框在容器上创建,然后把容器设置成透明的,需要样式的可以单独设置样式。复选框位置是根据容器大小位置计算出来的,xy轴。

实现效果

代码附上

 lv_obj_t  *  eqpt_chcek4;

 lv_obj_t  *  eqpt_chcek5;

 lv_obj_t  *  eqpt_chcek6;

 lv_obj_t  *  eqpt_chcek7;

 lv_obj_t  *  eqpt_chcek8;

 lv_obj_t  *  eqpt_chcek9;

 lv_obj_t  *  eqpt_chcek10;

 lv_obj_t  *  eqpt_chcek11;

 lv_obj_t  *  eqpt_chcek12;

    eqpt_chcek4 = lv_obj_create(ui_Screen1);/*创建容器*/

    lv_obj_set_size(eqpt_chcek4, 280, 210);  /* 设置容器的大小*/

    lv_obj_align(eqpt_chcek4, LV_ALIGN_CENTER, 0, 40);  /*设置容器的位置*/

    lv_obj_set_style_bg_opa(eqpt_chcek4, LV_OPA_0,0);  /* 使背景透明 */

    lv_obj_set_style_border_opa(eqpt_chcek4, LV_OPA_0,0);  /* 使边框透明 */

   lv_obj_set_scroll_dir(eqpt_chcek4, LV_DIR_NONE);  /* 禁止所有方向的滚动 */

eqpt_chcek5 = lv_checkbox_create(eqpt_chcek4); /*创建复选框*/

    lv_checkbox_set_text(eqpt_chcek5, "项目1"); /*设置文本*/

    lv_obj_set_style_text_font(eqpt_chcek5,&lv_china_font32,0);/*显示中文字体*/

    lv_obj_set_pos(eqpt_chcek5, 0, 0);/*设置位置*/

    lv_group_add_obj(group, eqpt_chcek5); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek5, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    eqpt_chcek6 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek6, "项目2");

    lv_obj_set_style_text_font(eqpt_chcek6,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek6, 120, 0);

    lv_group_add_obj(group, eqpt_chcek6); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek6, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    eqpt_chcek7 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek7, "项目3");

    lv_obj_set_style_text_font(eqpt_chcek7,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek7, 0, 50);

    lv_group_add_obj(group, eqpt_chcek7); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek7, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    eqpt_chcek8 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek8, "项目4");

    lv_obj_set_style_text_font(eqpt_chcek8,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek8, 120, 50);

    lv_group_add_obj(group, eqpt_chcek8); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek8, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    eqpt_chcek9 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek9, "项目5");

    lv_obj_set_style_text_font(eqpt_chcek9,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek9, 0, 100);

    lv_group_add_obj(group, eqpt_chcek9); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek9, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

   

    eqpt_chcek10 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek10, "项目6");

    lv_obj_set_style_text_font(eqpt_chcek10,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek10, 120, 100);

    lv_group_add_obj(group, eqpt_chcek10); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek10, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    eqpt_chcek11 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek11, "项目7");

    lv_obj_set_style_text_font(eqpt_chcek11,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek11, 0, 150);

    lv_group_add_obj(group, eqpt_chcek11); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek11, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/* 聚焦样式*/

    eqpt_chcek12 = lv_checkbox_create(eqpt_chcek4);

    lv_checkbox_set_text(eqpt_chcek12, "项目8");

    lv_obj_set_style_text_font(eqpt_chcek12,&lv_china_font32,0);

    lv_obj_set_pos(eqpt_chcek12, 120, 150);

    lv_group_add_obj(group, eqpt_chcek12); // 将复选框加入组

    lv_obj_add_style(eqpt_chcek12, &parent_style1, LV_PART_MAIN | LV_STATE_FOCUSED);/*聚焦样式*/

    // lv_obj_add_state(eqpt_chcek12, LV_STATE_CHECKED);/*选中状态*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值