LVGL spinbox模块 深入学习

最新推荐文章于 2024-05-14 10:18:19 发布
最新推荐文章于 2024-05-14 10:18:19 发布
阅读量1.7k 收藏 9
点赞数 2
文章标签： c语言 单片机 硬件工程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56102416/article/details/128610555
版权

简介：

一：所需软件：

1.电脑仿真软件：CodeBlock ，讲解和代码获取可观看正点原子视频:第15讲 基础篇-LVGL模拟器使用_哔哩哔哩_bilibili

2.界面设计软件：Gui-Guide（直接生成代码，导入到单片机程序即可运行）

二：键盘按键：

导航模式：PgUp 、PgDn 跳转到不同的控件。

编辑模式：键盘上下左右按键：

        左右：修改spinbox光标位置；

        上下：增加（减小）数值。

三：实例演示：（仿真程序+实例图片）

1.最普通

static lv_obj_t * spinbox;


static void lv_spinbox_increment_event_cb(lv_event_t * e)
{
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_SHORT_CLICKED || code  == LV_EVENT_LONG_PRESSED_REPEAT) {
        lv_spinbox_increment(spinbox);
    }
}

static void lv_spinbox_decrement_event_cb(lv_event_t * e)
{
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_SHORT_CLICKED || code == LV_EVENT_LONG_PRESSED_REPEAT) {
        lv_spinbox_decrement(spinbox);
    }
}


void lv_example_spinbox_1(void)
{
    spinbox = lv_spinbox_create(lv_scr_act());
    lv_spinbox_set_range(spinbox, -1000, 25000);
    lv_spinbox_set_digit_format(spinbox, 5, 2);
    lv_spinbox_step_prev(spinbox);
    lv_obj_set_width(spinbox, 100);
    lv_obj_center(spinbox);

    lv_coord_t h = lv_obj_get_height(spinbox);

    lv_obj_t * btn = lv_btn_create(lv_scr_act());
    lv_obj_set_size(btn, h, h);
    lv_obj_align_to(btn, spinbox, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
    lv_obj_set_style_bg_img_src(btn, LV_SYMBOL_PLUS, 0);
    lv_obj_add_event_cb(btn, lv_spinbox_increment_event_cb, LV_EVENT_ALL,  NULL);

    btn = lv_btn_create(lv_scr_act());
    lv_obj_set_size(btn, h, h);
    lv_obj_align_to(btn, spinbox, LV_ALIGN_OUT_LEFT_MID, -5, 0);
    lv_obj_set_style_bg_img_src(btn, LV_SYMBOL_MINUS, 0);
    lv_obj_add_event_cb(btn, lv_spinbox_decrement_event_cb, LV_EVENT_ALL, NULL);
}

2.左右侧按键可修改选中位置

添加组后，可使用导航键修改选中控件（按钮等）

static lv_obj_t * spinbox;

static void lv_spinbox_increment_event_cb(lv_event_t * e)
{
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_SHORT_CLICKED || code  == LV_EVENT_LONG_PRESSED_REPEAT) {
        //lv_spinbox_increment(spinbox);
        lv_spinbox_step_next(spinbox);
    }
}

static void lv_spinbox_decrement_event_cb(lv_event_t * e)
{
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_SHORT_CLICKED || code == LV_EVENT_LONG_PRESSED_REPEAT) {
        //lv_spinbox_decrement(spinbox);
        lv_spinbox_step_prev(spinbox);
    }
}

void second(void)
{
    spinbox = lv_spinbox_create(lv_scr_act());
    lv_spinbox_set_range(spinbox, 6000, 9999);     //设置数值范围
    lv_spinbox_set_digit_format(spinbox, 4, 4); //共四位，四位整数，最后一个表示整数
    lv_spinbox_set_pos(spinbox,2);
    lv_spinbox_step_prev(spinbox);
    lv_obj_set_width(spinbox, 100);
    lv_obj_center(spinbox);


    lv_coord_t h = lv_obj_get_height(spinbox);

    // +  右边
    lv_obj_t * btn1 = lv_btn_create(lv_scr_act());
    lv_obj_set_size(btn1, h, h);
    lv_obj_align_to(btn1, spinbox, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
    lv_obj_t * btn_label = lv_label_create(btn1);
    lv_label_set_text(btn_label, ">");
    lv_obj_center(btn_label);
    lv_obj_add_event_cb(btn1, lv_spinbox_increment_event_cb, LV_EVENT_ALL,  NULL);

    //-  左边
    lv_obj_t *btn2 = lv_btn_create(lv_scr_act());
    lv_obj_set_size(btn2, h, h);
    lv_obj_align_to(btn2, spinbox, LV_ALIGN_OUT_LEFT_MID, -5, 0);
    btn_label = lv_label_create(btn2);
    lv_label_set_text(btn_label, "<");
    lv_obj_center(btn_label);
    lv_obj_add_event_cb(btn2, lv_spinbox_decrement_event_cb, LV_EVENT_ALL, NULL);

    //组
    lv_group_t *g = lv_group_create();            //创建组
    lv_group_add_obj(g,btn2);   //-     <        //添加组
    lv_group_add_obj(g,spinbox);
    lv_group_add_obj(g,btn1);   //+     >
    lv_indev_set_group(lv_win32_keypad_device_object,g);
}

3.删除左右按键，选中spinbox时，单击鼠标（或者按enter键）可更改选中位置（鼠标单击向后移一位，长按向前）

static lv_obj_t * spinbox;

static void lv_spinbox_event_cb(lv_event_t * e)
{
    lv_event_code_t code = lv_event_get_code(e);
    switch(code)
    {
        case LV_EVENT_PRESSED:	                        //按下
			lv_spinbox_step_next(spinbox);
            break;
        case LV_EVENT_LONG_PRESSED_REPEAT:		        //长按
			lv_spinbox_step_prev(spinbox);
            break;
        default:
            break;
    }
}

void third(void)
{
    ///spinbox
    spinbox = lv_spinbox_create(lv_scr_act());

    static lv_style_t style_set_spinbox_1_main_main_default;
    if (style_set_spinbox_1_main_main_default.prop_cnt > 1)
        lv_style_reset(&style_set_spinbox_1_main_main_default);
    else
        lv_style_init(&style_set_spinbox_1_main_main_default);
    lv_style_set_border_color(&style_set_spinbox_1_main_main_default, lv_color_make(0x21, 0x95, 0xf6));			//围绕spinbox外部的边框颜色
    lv_style_set_border_width(&style_set_spinbox_1_main_main_default, 2);						//围绕spinbox外部的边框宽度
    lv_style_set_border_opa(&style_set_spinbox_1_main_main_default, 255);						//透明度
    lv_style_set_text_align(&style_set_spinbox_1_main_main_default, LV_TEXT_ALIGN_CENTER);				//spinbox内数字居中
    lv_obj_add_style(spinbox, &style_set_spinbox_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

    lv_spinbox_set_range(spinbox, 6000, 9999);     //设置数值范围
    lv_spinbox_set_digit_format(spinbox, 4, 4); //共四位，四位整数，最后一个表示整数
    lv_spinbox_set_pos(spinbox,2);
    lv_spinbox_step_prev(spinbox);
    lv_obj_set_width(spinbox, 100);
    lv_obj_center(spinbox);
    lv_obj_add_event_cb(spinbox, lv_spinbox_event_cb, LV_EVENT_ALL,  NULL);

}

4.删除左右按键且删除选中光标（适合一位或者两位数修改）

static lv_obj_t * spinbox;

void four(void)
{
    spinbox = lv_spinbox_create(lv_scr_act());
    lv_obj_set_pos(spinbox, 50, 50);

    static lv_style_t style_set_spinbox_1_main_main_default;
    if (style_set_spinbox_1_main_main_default.prop_cnt > 1)
        lv_style_reset(&style_set_spinbox_1_main_main_default);
    else
        lv_style_init(&style_set_spinbox_1_main_main_default);
    lv_style_set_border_color(&style_set_spinbox_1_main_main_default, lv_color_make(0x21, 0x95, 0xf6));			//围绕spinbox外部的边框颜色
    lv_style_set_border_width(&style_set_spinbox_1_main_main_default, 2);						//围绕spinbox外部的边框宽度
    lv_style_set_border_opa(&style_set_spinbox_1_main_main_default, 255);						//透明度
    lv_style_set_text_align(&style_set_spinbox_1_main_main_default, LV_TEXT_ALIGN_CENTER);				//spinbox内数字居中
    lv_obj_add_style(spinbox, &style_set_spinbox_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

    //spinbox选中位置设置
    static lv_style_t style_set_spinbox_1_main_cursor_default;
    if (style_set_spinbox_1_main_cursor_default.prop_cnt > 1)
        lv_style_reset(&style_set_spinbox_1_main_cursor_default);
    else
        lv_style_init(&style_set_spinbox_1_main_cursor_default);
    lv_style_set_bg_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0x21, 0x95, 0xf6));			//
    lv_style_set_bg_grad_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0x21, 0x95, 0xf6));			//设置spinbox选中位置的背景颜色
    lv_style_set_bg_grad_dir(&style_set_spinbox_1_main_cursor_default, LV_GRAD_DIR_NONE);
    lv_style_set_bg_opa(&style_set_spinbox_1_main_cursor_default, 0);						//设置spinbox选中位置的背景透明度
    lv_style_set_text_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0x00, 0x00, 0x00));			//设置spinbox选中位置的字体颜色
    lv_style_set_text_font(&style_set_spinbox_1_main_cursor_default, & lv_font_montserrat_14);				//设置spinbox选中位置的字体大小
    lv_obj_add_style(spinbox, &style_set_spinbox_1_main_cursor_default, LV_PART_CURSOR|LV_STATE_DEFAULT);


    lv_spinbox_set_range(spinbox, 0, 99);     //设置数值范围
    lv_spinbox_set_digit_format(spinbox, 2, 2); //共四位，四位整数，最后一个表示整数
    lv_spinbox_set_pos(spinbox,2);
    lv_spinbox_step_prev(spinbox);
    lv_obj_set_width(spinbox, 100);

    lv_group_t *g = lv_group_create();
    lv_group_add_obj(g,spinbox);
    lv_indev_set_group(lv_win32_keypad_device_object,g);
}

5.删除spinbox边框

 只需要将透明度从255改变成0即可。

static lv_style_t style_set_spinbox_1_main_main_default;
    if (style_set_spinbox_1_main_main_default.prop_cnt > 1)
        lv_style_reset(&style_set_spinbox_1_main_main_default);
    else
        lv_style_init(&style_set_spinbox_1_main_main_default);
    lv_style_set_border_color(&style_set_spinbox_1_main_main_default, lv_color_make(0x21, 0x95, 0xf6));			//围绕spinbox外部的边框颜色
    lv_style_set_border_width(&style_set_spinbox_1_main_main_default, 2);						//围绕spinbox外部的边框宽度
    lv_style_set_border_opa(&style_set_spinbox_1_main_main_default, 0);						//透明度
    lv_style_set_text_align(&style_set_spinbox_1_main_main_default, LV_TEXT_ALIGN_CENTER);				//spinbox内数字居中
    lv_obj_add_style(spinbox, &style_set_spinbox_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

四：GUI-Guide代码示例：

这里只有主体代码

//Write codes set_spinbox_1
ui->set_spinbox_1 = lv_spinbox_create(ui->SetRange);
lv_obj_set_pos(ui->set_spinbox_1, 295, 155);								//设置spinbox位置
lv_obj_set_scrollbar_mode(ui->set_spinbox_1, LV_SCROLLBAR_MODE_OFF);

//Write style state: LV_STATE_DEFAULT for style_set_spinbox_1_main_main_default
static lv_style_t style_set_spinbox_1_main_main_default;
if (style_set_spinbox_1_main_main_default.prop_cnt > 1)
	lv_style_reset(&style_set_spinbox_1_main_main_default);
else
	lv_style_init(&style_set_spinbox_1_main_main_default);
lv_style_set_radius(&style_set_spinbox_1_main_main_default, 5);
lv_style_set_bg_color(&style_set_spinbox_1_main_main_default, lv_color_make(0xff, 0xff, 0xff));
lv_style_set_bg_grad_color(&style_set_spinbox_1_main_main_default, lv_color_make(0xff, 0xff, 0xff));
lv_style_set_bg_grad_dir(&style_set_spinbox_1_main_main_default, LV_GRAD_DIR_NONE);
lv_style_set_bg_opa(&style_set_spinbox_1_main_main_default, 255);
lv_style_set_border_color(&style_set_spinbox_1_main_main_default, lv_color_make(0x21, 0x95, 0xf6));			//围绕spinbox外部的边框颜色
lv_style_set_border_width(&style_set_spinbox_1_main_main_default, 1);						//围绕spinbox外部的边框宽度
lv_style_set_border_opa(&style_set_spinbox_1_main_main_default, 255);						//透明度
lv_style_set_text_color(&style_set_spinbox_1_main_main_default, lv_color_make(0x00, 0x00, 0x00));			//spinbox字体颜色
lv_style_set_text_font(&style_set_spinbox_1_main_main_default, & lv_font_montserrat_14);				//spinbox字体大小
lv_style_set_text_letter_space(&style_set_spinbox_1_main_main_default, 0);					//spinbox字体间距
lv_style_set_text_align(&style_set_spinbox_1_main_main_default, LV_TEXT_ALIGN_CENTER);				//spinbox内数字居中
lv_style_set_pad_left(&style_set_spinbox_1_main_main_default, 0);
lv_style_set_pad_right(&style_set_spinbox_1_main_main_default, 0);
lv_style_set_pad_top(&style_set_spinbox_1_main_main_default, 0);
lv_style_set_pad_bottom(&style_set_spinbox_1_main_main_default, 0);
lv_obj_add_style(ui->set_spinbox_1, &style_set_spinbox_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

//spinbox选中位置设置
static lv_style_t style_set_spinbox_1_main_cursor_default;
if (style_set_spinbox_1_main_cursor_default.prop_cnt > 1)
	lv_style_reset(&style_set_spinbox_1_main_cursor_default);
else
	lv_style_init(&style_set_spinbox_1_main_cursor_default);
lv_style_set_bg_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0x21, 0x95, 0xf6));			//
lv_style_set_bg_grad_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0x21, 0x95, 0xf6));			//设置spinbox选中位置的背景颜色
lv_style_set_bg_grad_dir(&style_set_spinbox_1_main_cursor_default, LV_GRAD_DIR_NONE);
lv_style_set_bg_opa(&style_set_spinbox_1_main_cursor_default, 255);						//设置spinbox选中位置的背景透明度
lv_style_set_text_color(&style_set_spinbox_1_main_cursor_default, lv_color_make(0xff, 0xff, 0xff));			//设置spinbox选中位置的字体颜色
lv_style_set_text_font(&style_set_spinbox_1_main_cursor_default, & lv_font_montserrat_14);				//设置spinbox选中位置的字体大小
lv_obj_add_style(ui->set_spinbox_1, &style_set_spinbox_1_main_cursor_default, LV_PART_CURSOR|LV_STATE_DEFAULT);

//Write style state: LV_STATE_DEFAULT for style_set_spinbox_1_extra_btns_main_default
static lv_style_t style_set_spinbox_1_extra_btns_main_default;
if (style_set_spinbox_1_extra_btns_main_default.prop_cnt > 1)
	lv_style_reset(&style_set_spinbox_1_extra_btns_main_default);
else
	lv_style_init(&style_set_spinbox_1_extra_btns_main_default);
lv_style_set_radius(&style_set_spinbox_1_extra_btns_main_default, 5);
lv_style_set_bg_color(&style_set_spinbox_1_extra_btns_main_default, lv_color_make(0x21, 0x95, 0xf6));
lv_style_set_bg_grad_color(&style_set_spinbox_1_extra_btns_main_default, lv_color_make(0x21, 0x95, 0xf6));
lv_style_set_bg_grad_dir(&style_set_spinbox_1_extra_btns_main_default, LV_GRAD_DIR_NONE);
lv_style_set_bg_opa(&style_set_spinbox_1_extra_btns_main_default, 255);
lv_style_set_border_color(&style_set_spinbox_1_extra_btns_main_default, lv_color_make(0x21, 0x95, 0xf6));
lv_style_set_border_width(&style_set_spinbox_1_extra_btns_main_default, 0);
lv_style_set_border_opa(&style_set_spinbox_1_extra_btns_main_default, 255);
lv_style_set_text_color(&style_set_spinbox_1_extra_btns_main_default, lv_color_make(0xff, 0xff, 0xff));
lv_style_set_text_font(&style_set_spinbox_1_extra_btns_main_default, & lv_font_montserrat_14);
lv_obj_set_width(ui->set_spinbox_1, 110);										//spinbox 尺寸
lv_obj_set_height(ui->set_spinbox_1, 30);										//spinbox 尺寸
lv_spinbox_set_digit_format(ui->set_spinbox_1, 4, 4);									//spinbox有几位数字，四位数，四位都是整数
lv_spinbox_ set(ui->set_spinbox_1, 0, 9999);									//spinbox范围
lv_spinbox_set_cursor_pos(ui->set_spinbox_1,3);									//设置光标位置(选中位置)
set_spinbox_1 = ui->set_spinbox_1;
lv_coord_t set_spinbox_1_h = lv_obj_get_height(ui->set_spinbox_1);
//lv_obj_add_event_cb(ui->set_spinbox_1, lv_set_spinbox_1_decrement_event_cb, LV_EVENT_ALL, NULL);
lv_obj_add_event_cb(ui->set_spinbox_1, event_cb, LV_EVENT_ALL, NULL);							//给spinbox添加事件
	
//spinbox的左右按钮；		
ui->set_spinbox_1_btn = lv_btn_create(ui->SetRange);
lv_obj_set_size(ui->set_spinbox_1_btn, set_spinbox_1_h, set_spinbox_1_h);
lv_obj_align_to(ui->set_spinbox_1_btn, ui->set_spinbox_1, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
//lv_obj_set_style_bg_img_src(ui->set_spinbox_1_btn, LV_SYMBOL_PLUS, 0);						//spinbox左右按钮填充+-号
lv_obj_t * btn_label = lv_label_create(ui->set_spinbox_1_btn);								//按钮内填充其他符号
lv_label_set_text(btn_label, ">");											//
lv_obj_center(btn_label);											//居中
lv_obj_add_event_cb(ui->set_spinbox_1_btn,lv_spinbox_increment_event_cb, LV_EVENT_ALL, NULL);
		
//spinbox的左右按钮；	
ui->set_spinbox_1_btn_minus = lv_btn_create(ui->SetRange);
lv_obj_set_size(ui->set_spinbox_1_btn_minus, set_spinbox_1_h, set_spinbox_1_h);
lv_obj_align_to(ui->set_spinbox_1_btn_minus, ui->set_spinbox_1, LV_ALIGN_OUT_LEFT_MID, -5, 0);
//lv_obj_set_style_bg_img_src(ui->set_spinbox_1_btn_minus, LV_SYMBOL_MINUS, 0);					//spinbox左右按钮填充+-号
btn_label = lv_label_create(ui->set_spinbox_1_btn_minus);
lv_label_set_text(btn_label, "<");
lv_obj_center(btn_label);
lv_obj_add_event_cb(ui->set_spinbox_1_btn_minus, lv_spinbox_decrement_event_cb, LV_EVENT_ALL, NULL);
lv_obj_add_style(ui->set_spinbox_1_btn, &style_set_spinbox_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
lv_obj_add_style(ui->set_spinbox_1_btn_minus, &style_set_spinbox_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

小瓦罐o
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
lvgl使用旋转编码器(EC11)做为输入设备，使用单色OLED做为显示设备。
06-25
用的单色OLED屏显示，不得不说，使用单色屏幕的话，有些控件不能正常显示，需要自己额外设定一下，而且对于有动态变化的控件来说更是如此，比如按钮，在彩色屏幕下正常添加一个按钮按下时会有按下的动态效果，而在...
基于GEC210开发板的电子钢琴（含代码，图片，音频）
06-02
做的嵌入式课程设计—电子钢琴，代码齐全，含有bmp格式图片，及剪切过得音源。
LVGL——微调器部件
weixin_63780683的博客
12-15 573
【代码】LVGL——微调器部件。
嵌入式GUI LVGL『Spinbox微调器控件』介绍
朝气蓬勃
08-15 2778
一. LVGL GUI微调器控件的概念 Spinbox 包含一个数字文本，可通过按键或 API 函数增加或减少数字。Spinbox 的下面是修改后的 Text 区域。 二. LVGL GUI微调器小部件和样式 Spinbox 的主要部分被称为 LV_SPINBOX_PART_BG 使用所有典型背景样式属性的矩形背景。它还使用其文本样式属性描述标签的样式。 LV_SPINBOX_PART_CURSOR 是描述光标的虚拟部分。 三. LVGL GUI微调器控件的使用 1. 设置格式(Set forma
2024年物联网嵌入式最全【GUI】LVGL8内存泄漏分析_lvgl 内存溢出，2024年最新程序员进阶
最新发布
2401_85015164的博客
05-14 444
brief: 界面销毁。* param: 父对象。
LVGL 8.2 Spinbox
mygod2008ok的专栏
07-17 734
LVGL 8.2 Spinbox
合宙Air724UG LuatOS-Air LVGL API控件-微调框 (Spinbox)
l531798151的博客
09-07 566
微调框 (Spinbox)微调框用于数值调整，有时候我们希望获取一个用户输入的数值，但是又不希望弹出键盘，可以使用微调框。
【LVGL-微调部件（lv_spinbox_create）】
sinat_23896491的博客
03-27 249
【代码】【LVGL-微调部件（lv_spinbox_create）】
微调器部件(lv_spinbox)
weixin_45922499的博客
03-05 242
* 设置范围值，默认±99999*/lv_spinbox_set_digit_format(spinbox, 4, 2);/* 设置数字位数、小数点位置。/* 设置步进值，默认为1*/知识点5：设置数字格式、光标位置。知识点3：设置步进值、范围值。知识点1：创建微调器部件。知识点2：数值递增、递减。知识点4：设置当前值。知识点6：获取当前值。
lvgl spinbox（微调框控件）
chenliang0224的专栏
01-21 839
源代码： static void spinbox_event_handler(lv_obj_t * obj, lv_event_t event) { if (event == LV_EVENT_VALUE_CHANGED) { printf("Value: %d\n", lv_spinbox_get_value(obj)); } else if (event == LV_EVENT_CLICKED) { /*For simple test: Click the spinbox to inc
zidingyi-spinbox.rar_spinBOX
09-19
标题中的"zidingyi-spinbox.rar_spinBOX"指的是一个关于自定义 SpinBox 控件的示例项目，这个项目主要是为了展示如何将 SpinBox 的显示内容设置为字符串，同时在内部处理时仍然保持其数值（int）特性。SpinBox 是一...
spinboxes_spinBOX_
10-02
描述中的“spinbox一个简单的滑动模块”进一步确认了我们在讨论的是 SpinBox 控件。这个描述虽然简短，但表明SpinBox是一个用于用户交互的简单工具，可能包含滑动功能，让用户能够轻松调整数值。 标签"spinBOX"再次...
zidingyi-spinbox.rar_Qt字符_qt SpinBox_spinBOX
09-24
在Qt编程中，SpinBox是一个非常常用的控件，用于让用户通过上下箭头按钮或者直接输入数字来选择一个整数值。...通过阅读和学习这个示例，开发者可以了解到如何在Qt中扩展标准控件以满足复杂的需求。
QML常用界面设计组件浮点数SpinBox与十六进制控件
04-10
在学习和使用这两个组件时，理解其属性、信号和方法是关键，同时，通过结合其他QML组件和布局管理，可以构建出功能丰富的用户界面。在项目开发中，可以根据需求灵活运用这些组件，提升用户体验。
LVGL V8样式
m0_37187962的博客
07-02 3318
LVGL样式
LVGL7.0设置界面背景
热门推荐
qq_36690796的博客
01-06 1万+
界面背景 1、界面纯色背景创建 创建背景纯色 void Home_Page_Create(void) { lv_obj_t* bgk; bgk = lv_obj_create(lv_scr_act(), NULL);//创建对象 lv_obj_clean_style_list(bgk, LV_OBJ_PART_MAIN); //清空对象...
LVGL8学习之flex grow（弹性增长）
菜鸟攻城狮
08-27 2270
这一篇来学习一下flex grow（弹性增长），还是通过codeblock来模拟代码的运行，代码如下： void lv_demonstrate_flex_grow() { lv_obj_t * cont = lv_obj_create(lv_scr_act()); // 基于屏幕创建一个cont容器对象 if (cont == NULL) { return; } lv_obj_set_size(cont, 400, 220); // 设置对象大小
LVGL部件7
m0_73731708的博客
02-02 2096
在LVGL（LittlevGL）中，要设置图像对象的旋转中心点，可以使用函数。xy以下是一个示例代码，展示如何使用在这个示例中，我们创建了一个图像对象img，然后使用函数将该图像对象的旋转中心点设置为图像的中心点。在LVGL（LittlevGL）中，可以使用函数来设置图像对象的旋转角度。angle以下是一个示例代码，展示如何使用在这个示例中，我们创建了一个图像对象img，然后使用函数将该图像对象的旋转角度设置为 90 度，表示将图像按顺时针方向旋转 90 度。在LVGL（LittlevGL）中，可以使用。
【LVGL】设置对象样式 - 渐变背景色
永远的魔术1号
07-04 9322
LVGL样式
LVGL中如何隐藏spinbox的光标显示
07-14
在LVGL中隐藏SpinBox（旋钮框）的光标显示，你可以使用`lv_spinbox_set_cursor_hidden`函数。这个函数可以用来隐藏或显示SpinBox的光标。 下面是使用LVGL隐藏SpinBox光标的示例代码： ```c // 创建一个SpinBox对象 lv_obj_t *spinbox = lv_spinbox_create(lv_scr_act(), NULL); lv_spinbox_set_range(spinbox, 0, 100); lv_spinbox_set_digit_format(spinbox, 3, 0); // 隐藏SpinBox的光标 lv_spinbox_set_cursor_hidden(spinbox, true); ``` 通过调用`lv_spinbox_set_cursor_hidden(spinbox, true)`函数，将SpinBox的光标隐藏起来。如果要重新显示光标，可以将第二个参数设置为`false`。 希望这个回答能够帮助到你！如有更多问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值