LVGL-LED 固定大小的方法

于 2025-03-19 11:52:08 发布
阅读量106 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ddbmail/article/details/146365054

LVGL-LED 在点亮后，会进行放大
可创建一个不进行放大处理的style，赋给LED对象，即可固定大小

static lv_style_t style_small_led;

lv_style_init(&style_small_led); 
lv_style_set_border_width(&style_small_led, 0); 
lv_style_set_outline_width(&style_small_led, 0); 
lv_style_set_shadow_width(&style_small_led, 0); 

lv_obj_add_style(ui_def.screen_led_ch1_cc, &style_small_led, 0); 
lv_obj_add_style(ui_def.screen_led_ch1_alarm, &style_small_led, 0); 
lv_obj_add_style(ui_def.screen_led_ch1_danger, &style_small_led, 0); 

lv_obj_add_style(ui_def.screen_led_ch2_cc, &style_small_led, 0); 
lv_obj_add_style(ui_def.screen_led_ch2_alarm, &style_small_led, 0); 
lv_obj_add_style(ui_def.screen_led_ch2_danger, &style_small_led, 0);
ddbmail
关注
LVGL-CodeBlocks学习
weixin_69945979的博客
10-29 1956
注意此处的LVGL的第三方库文件里，不要包含关于FATFS的文件，若包含，就要移除，否则编译会出现相同文件的错误。来到lv_fs_fatfs.c，修改对应的延时函数以及LED灯函数和LCD显示函数。剪切到syscall.c下，原本的syscall的函数全部删除。在lv_port_indev_template.c下。打开lv_config.h文件，打开使用文件管理的宏。注意这里的字体声明需要和.C文件下的数组名字对应上。修改diskio.c下的文件，将文件最下面的函数。在lv_mainstart.c下。
LVGL常用部件
weixin_45930573的博客
05-16 1392
LVGL常用部件
LVGL V8入门学习 | Styles总结
weixin_55024277的博客
01-08 3790
样式用于设置部件的外观，以优化显示界面和实现用户交互典型的样式类型有：BackgroundBorder 轮廓Outline 边框ShadowPaddingsize在vs2019模拟器中运行结果如下。
LVGL 学习笔记
scorttin的博客
01-15 2280
LVGL; 控件使用
lvgl规范使用流程
m0_37187962的博客
06-25 1859
lvgl规范
LVGL8学习之Border Styles
菜鸟攻城狮
08-25 1395
这一篇来学习一下Border Style的使用，还是通过codeblock来模拟代码的运行，代码如下： void border_style_test() { static lv_style_t style; lv_style_init(&style); // 初始化样式 lv_style_reset(&style); // 重置样式 lv_style_set_radius(&style, 10); // 设置样式圆角弧度 lv_styl
littleVGL总结
weixin_51397215的博客
04-03 755
文章目录1.lv_slider2.lv_style3.按钮例子1例子24.label5.例子 1.lv_slider void lv_ex_get_started_3(void) { /* 创建一个滑块 */ lv_obj_t * slider = lv_slider_create(lv_scr_act(), NULL); lv_obj_set_width(slider, 200); /*Set the width*/ lv_ob
LVGL学习笔记及使用案例
嵌入式C
05-12 1393
LVGL
基于stm32f103rc+lvgl8.2移植
Car12
07-28 848
硬件平台：stm32f103rct6。
/** **************************************************************************************************** * @file main.c * @version V1.0 * @brief LVGL V8无操作系统移植 实验 **************************************************************************************************** * @attention Waiken-Smart 慧勤智远 * * 实验平台: STM32F103ZET6小系统板 * **************************************************************************************************** */ #include "./SYSTEM/sys/sys.h" #include "./SYSTEM/usart/usart.h" #include "./SYSTEM/delay/delay.h" #include "./USMART/usmart.h" #include "./BSP/LED/led.h" #include "./BSP/LCD/lcd.h" #include "./BSP/KEY/key.h" #include "./BSP/TOUCH/touch.h" #include "./MALLOC/malloc.h" #include "./BSP/TIMER/btim.h" #include "lvgl.h" #include "lv_port_indev_template.h" #include "lv_port_disp_template.h" #include "stdlib.h" #include "time.h" #include "stm32f1xx_hal.h" #include <stdio.h> static int32_t slider_value = 0; //滑块数值--升降台高度 static int32_t arc_value = 0; //圆弧数值--LED亮度 static int32_t c=0; static int32_t b=0; unsigned int gaodu; //高度变量 uint8_t send[2] = {0,0}; //串口发送 static lv_obj_t *label; static lv_obj_t *label1; static lv_obj_t *label_s; static lv_obj_t *label_t; static lv_obj_t *label_t_1; //升降 static lv_obj_t *btn_s; static lv_obj_t *btn; static lv_obj_t *btn1; static lv_obj_t *btn2; static lv_obj_t *msgbox; static lv_obj_t *msgbox1; static lv_obj_t *msgbox2; static lv_obj_t *msgbox3; static lv_obj_t *title; static lv_obj_t *title1; static lv_obj_t *title2; static lv_obj_t *title3; static const char *btn5[]={"Counite",""}; static const char *btn6[]={"Counite",""}; static const char *btn7[]={"Counite",""}; static const char *btn8[]={"Counite",""}; LV_IMG_DECLARE (gaohaoguang); LV_IMG_DECLARE (weixia); LV_IMG_DECLARE (shengjiangtai); LV_IMG_DECLARE (daideng); //static lv_obj_t *led; //static lv_obj_t *switch2; //static lv_obj_t *spinner; //static lv_obj_t *list; //static lv_obj_t *checkbox; //static lv_obj_t *dd; //static lv_obj_t *roller; //static lv_obj_t *bar; //static lv_obj_t *spinbox; //static lv_point_t line_points[]={{150,50},{250,200},{50,200},{150,50}}; //static const char *map[]={"#ff0000 btn1#","\n","btn2","btn3",""}; //static const char *btns[]={"continue","close",""}; UART_HandleTypeDef huart1; void HAL_UART_TxCpltCallback(UART_HandleTypeDef *huart) { if(huart == &huart1) { printf("arc_value"); send[0] = (int)slider_value; send[1] = (int)arc_value; // send[1] += 5; HAL_UART_Transmit_IT(&huart1,send,2); } } int i,n,m,p; uint16_t Num; static void my_event_cb(lv_event_t * e) //回调函数 { lv_obj_t *a=lv_event_get_target(e); if(a==btn) { n=1; } if(a==btn1) {n=0; p=3;} if(p==3){ if(c==1){p=0;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} // lv_obj_clear_flag(msgbox, LV_OBJ_FLAG_HIDDEN); if(c==2){p=0;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} // lv_obj_clear_flag(msgbox1, LV_OBJ_FLAG_HIDDEN); if(c==3){p=0;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} // lv_obj_clear_flag(msgbox2, LV_OBJ_FLAG_HIDDEN); if(c==4){p=0;lv_label_set_text_fmt (label_s,"No");}} // lv_obj_clear_flag(msgbox3, LV_OBJ_FLAG_HIDDEN); } //滑块事件回调------------------------------------------------------------------------------------------- static void slider_event_cb(lv_event_t *e) { lv_event_code_t code = lv_event_get_code(e); if (code != LV_EVENT_VALUE_CHANGED) return; lv_obj_t *slider = lv_event_get_target(e); slider_value = lv_slider_get_value(slider); // 更新全局变量 lv_label_set_text_fmt(label_t, "high: %d", slider_value); } //圆弧事件回调------------------------------------------------------------------------------------------- static void arc_event_cb(lv_event_t *e) { lv_obj_t *target = lv_event_get_target(e); arc_value = lv_arc_get_value(target); } int main(void) { HAL_Init(); /* 初始化HAL库 */ sys_stm32_clock_init(RCC_PLL_MUL9); /* 设置时钟, 72Mhz */ delay_init(72); /* 延时初始化 */ usart_init(115200); /* 串口初始化为115200 */ usmart_dev.init(72); /* 初始化USMART */ led_init(); /* 初始化LED */ lcd_init(); /* 初始化LCD */ key_init(); /* 初始化按键 */ my_mem_init(SRAMIN); /* 初始化内部SRAM内存池 */ tp_dev.init(); /* 触摸屏初始化 */ btim_timx_int_init(10-1,7200-1); /* 初始化定时器 */ lv_init(); /* lvgl系统初始化 */ lv_port_disp_init(); /* lvgl显示接口初始化,放在lv_init()的后面 */ lv_port_indev_init(); /* lvgl输入接口初始化,放在lv_init()的后面 */ //串口------------------------------------------------------------------------------------------ HAL_UART_Transmit_IT(&huart1,send,2); //背景板------------------------------------------------------------------------------------------ // label_t = lv_label_create(lv_scr_act ()); //图片-------------------------------------------------------------------------------------------- lv_obj_t *img = lv_img_create(lv_scr_act()); lv_img_set_src (img,&gaohaoguang); lv_obj_set_pos (img,15,195); lv_obj_t *img1 = lv_img_create(lv_scr_act()); lv_img_set_src (img1,&weixia); lv_obj_set_pos (img1,315,171); lv_obj_t *img2 = lv_img_create(lv_scr_act()); lv_img_set_src (img2,&shengjiangtai); lv_obj_set_pos (img2,26,60); lv_obj_t *img3 = lv_img_create(lv_scr_act()); lv_img_set_src (img3,&daideng); lv_obj_set_pos (img3,197,160); //滑块-------------------------------------------------------------------------------------------- lv_obj_t *slider = lv_slider_create(lv_scr_act()); lv_obj_set_pos(slider,25,-85); lv_obj_set_size(slider,330,30); lv_slider_set_value(slider,0,LV_ANIM_OFF); lv_slider_set_range(slider,0,100); lv_obj_add_event_cb(slider,slider_event_cb,LV_EVENT_VALUE_CHANGED,NULL); // 设置轨道背景色 lv_obj_set_style_bg_color(slider, lv_color_hex(0x808080), LV_PART_MAIN); // 设置指示器颜色 lv_obj_set_style_bg_color(slider, lv_color_hex(0x0000FF), LV_PART_INDICATOR); // 设置旋钮颜色和尺寸 lv_obj_set_style_bg_color(slider, lv_color_hex(0x00ffff), LV_PART_KNOB); lv_obj_set_style_pad_all(slider, 8, LV_PART_KNOB); // 旋钮大小 lv_obj_set_align(slider,LV_ALIGN_CENTER); // 数值显示 label_t = lv_label_create(lv_scr_act()); lv_obj_set_align(label_t, LV_ALIGN_TOP_RIGHT); char text_buffer[20]; // 定义足够大的字符数组存储转换后的字符串 sprintf(text_buffer, "%d", slider_value); // 将整数转换为字符串 lv_label_set_text(label_t, text_buffer); // 传递字符串指针 lv_obj_set_style_text_font(label_t, &lv_font_montserrat_48, 0); // lv_obj_set_style_text_color(label_t_1, lv_color_hex(0x0fff0f), 0); //圆弧-------------------------------------------------------------------------------------------- lv_obj_t *arc = lv_arc_create(lv_scr_act()); /* 设置圆弧尺寸 */ lv_obj_set_size(arc, 174, 174); // 宽度和高度均为 200px /* 调整圆弧线条粗细 */ lv_obj_set_style_arc_width(arc, 20, LV_PART_MAIN); // 背景线条粗细 lv_obj_set_style_arc_width(arc, 20, LV_PART_INDICATOR); // 前景线条粗细 /* 设置位置和范围 */ lv_obj_set_pos(arc, 151, 110); // 调整位置（根据新尺寸可能需要重新定位） lv_arc_set_range(arc, 0, 100); // 值范围 0~100 /* 绑定事件 */ lv_obj_add_event_cb(arc, arc_event_cb, LV_EVENT_VALUE_CHANGED, NULL); // ///////////////////////////////////////////////////////////////////////////////////////////////////////// //拓展内容 1. 实体按键输入 while(1) { srand(Num); // send[0] = slider_value; // send[1] = arc_value; HAL_UART_Transmit_IT(&huart1, send, 2); HAL_Delay(10); // 示例：10ms发送一次 // if(n==1){i=rand()%50+1;} // lv_label_set_text_fmt (label_t," %d ",i); tp_dev.scan(0); /* 触摸扫描 */ lv_task_handler(); Num+=7; if(i>=1&&i<=3){m=1;c=m;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} if(i>=4&&i<10||i>35&&i<40){m=2;c=m;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} if(i>=15&&i<=20||i>45&&i<=50){m=3;c=m;lv_label_set_text_fmt (label_s,"Prize: %d ",c);} if(i>=10&&i<15||i>=40&&i<=45||i>=26&&i<=35||i>20&&i<=25){m=4;c=m;lv_label_set_text_fmt (label_s,"No");} } } 我如何把这两个数据发给电脑send[0] = (int)slider_value; send[1] = (int)arc_value;
最新发布
06-02
最后，测试和调试的部分，建议用户先用简单的数据测试UART是否正常工作，比如发送固定的字符串，确保硬件连接正确，然后再逐步加入滑块和圆弧的数据。</think>### 实现步骤 1. **配置UART硬件** - 在STM32CubeMX中...
LVGL8学习之Text Style
菜鸟攻城狮
08-26 1615
这一篇来学习一下Text Style的使用，还是通过codeblock来模拟代码的运行，代码如下： void lv_text_style_test() { static lv_style_t style; lv_style_init(&style); // 样式初始化 lv_style_reset(&style); // 重置样式 lv_style_set_radius(&style, 5); // 设置样式圆角 lv_style_se
LittleVGL学习--样式+按钮
weixin_43482414的博客
07-09 3158
样式样式结构组成架构图样式API样式Demolvgl_test.clvgl_test.h 样式结构组成 架构图 样式主要是由 body 背景,text 文本,image 图片,line线条等4部分组成。 样式API 样式Demo 功能：绘制一个渐变，具有过渡效果的按钮控件，控制LED。 lvgl_test.c #include "lvgl_test.h" #include "led.h" void lv_test(void) { lv_obj_t *btn; static lv_style_t
LVGL V8之border styles
mygod2008ok的专栏
08-15 1433
创建style 初时化style static lv_style_t style; lv_style_init(&style); 设置倒角为10 lv_style_set_radius(&style, 10); 设置背景透明度为不透明 lv_style_set_bg_opa(&style, LV_OPA_COVER); 设置背景色为淡灰色 lv_style_set_bg_color(&style, lv_palette_lighte
LVGL第一阶段
weixin_49001476的博客
11-08 3829
安装完成之后，打开 git bash 配置用户名和邮箱，如果没有git账户，可以这样设置：打开git bash，执行下面的命令克隆仓库：拉取仓库资料更新，进入到 lvgl_100ask_course_materials 目录，打开 git bash 执行：课程资料会随着课程发布进度更新，所以在学习的时候，不要动克隆下来的仓库，可以自己复制一份副本自用，我们需要克隆的那份仓库用来拉取同步更新被点击滚动数值改变重绘等等。。。
LVGL滑动放大
zaz111223的博客
07-15 3141
滚轮滑动放大设置
LVGL 总结
m_xtao的博客
09-23 4185
1、 lv_style_set_img_recolor_opa（）设置图片不透明百分比。
给你的GUI润润色吧！别再那么Low了！LVGL『风格Style』介绍
热门推荐
朝气蓬勃
02-20 1万+
一. LVGL风格Style介绍 样式用于设置对象的外观。lvgl 中的样式受 CSS 启发很大。简而言之，概念如下： 样式是一个 lv_style_t 可以保存属性的变量，例如边框宽度，文本颜色等。与 class CSS 类似。 并非必须指定所有属性。未指定的属性将使用默认值。 可以将样式分配给对象以更改其外观。 样式可以被任意数量的对象使用。 样式可以级联，这意味着可以将多个样式分配给一个对象，并且每种样式可以具有不同的属性。例如，style_btn 可能会导致默认的灰色按钮，并且 styl
LVGL8学习之multiple styles
菜鸟攻城狮
08-26 641
这一篇来学一下multiple styles，多种样式的组合使用 代码如下： void lv_multiple_style_test() { static lv_style_t style_base; lv_style_init(&style_base); lv_style_set_bg_color(&style_base, lv_palette_main(LV_PALETTE_LIGHT_BLUE)); lv_style_set_border_colo
LVGL入门 常用的几个命令（个人笔记）
qq_44810226的博客
10-27 3838
前言：学习LVGL的过程中，常常知道有这个命令，也知道大概怎么用。但总想不起来命令叫什么,在整个库中找也显得麻烦,搞得每次写程序还要翻之前的Demo 所以在这里将学习过程中用到的命令 存放在这里，方便再使用的时候方便的找到命令名字。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值