lvgl 笔记 标签部件 (lv_label)

LVGL V8学习之键盘按键样式重绘(二) 这一篇继续研究一下基于btnmatrix的键盘按键重绘,是对上一篇LVGL V8学习之键盘按键样式重绘(一)的代码的优化,还是通过codeblock来模拟代码的运行,代码如下: // 按键矩阵的事件回调函数 static void btnmatrix_event_callback(lv_event_t * event) { if (event == NULL) { printf("[%s:%d] event is NULL\n", __FUNCTION__, __LINE 阅读详情
AI摘要

文章介绍了如何在LVGL图形库中创建和配置标签对象,包括设置文本、背景颜色、字体颜色、部分字体颜色、字体大小以及处理文本超出部件大小的情况。还提供了一个综合案例,展示了如何创建带阴影的标签。,

基础使用方法:

最基础的用法只需要两行代码,分别创建和配置即可: 

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_label_set_text(label, "label");

配置字体背景颜色:

配置字体背景色使用 lv_obj_set_style_bg_color() 即可,但要顺便使用 lv_obj_set_style_bg_opa() 配置透明度,因为默认透明度是100%,这样将不会显示背景色。

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_label_set_text(label, "label");
lv_obj_set_style_bg_color(label, lv_color_hex(0xff00000), LV_STATE_DEFAULT);
lv_obj_set_style_bg_opa(label, 100, LV_STATE_DEFAULT);

 

配置字体颜色:

lv_obj_set_style_text_color() 可以配置文字颜色。

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_label_set_text(label, "label");
lv_obj_set_style_text_color(label, lv_color_hex(0xdf5345), LV_STATE_DEFAULT);

配置部分字体颜色:

lv_label_set_recolor() 函数可以开启部分设置字体功能,在设置字体中设置  #ff0000 lvgl# 即可配置部分字体颜色。

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_label_set_recolor(label, true);
lv_label_set_text(label, "label #ff0000 lvgl#");

配置字体大小:

使用 lv_obj_set_style_text_font() 可以配置字体大小。

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_label_set_text(label, "label");
lv_obj_set_style_text_font(label, &lv_font_montserrat_48, LV_STATE_DEFAULT);

 

当文本超过部件大小:

在这里,使用 lv_obj_set_size() 将宽高设置为 100,50。很显然是不足够显示下面这行文本的。

使用 lv_label_set_long_mode() 可以配置文本超过部件大小模式。

lv_obj_t* label = lv_label_create(lv_scr_act());
lv_obj_set_size(label, 100, 50);
lv_label_set_text(label, "THE UNANIMOUS DECLARATION OF THE THIRTEEN UNITED STATES OF AMERICA");
lv_label_set_long_mode(label, LV_LABEL_LONG_SCROLL);

共有以下配置可以选择: 

综合案例: 

/* 获取当前活动屏幕的宽高 */
#define scr_act_width() lv_obj_get_width(lv_scr_act())
#define scr_act_height() lv_obj_get_height(lv_scr_act())

static const lv_font_t *font;


    lv_obj_t* label = lv_label_create(lv_scr_act());                                /* 定义并创建标签 */
    lv_label_set_text_fmt(label, "Label can set text like %s", "printf");           /* 设置标签文本 */
    lv_obj_set_width(label, scr_act_width() / 3);                                   /* 设置标签宽度 */
    lv_obj_align(label, LV_ALIGN_CENTER, scr_act_width() / 3, 0);                   /* 设置标签位置 */
    lv_obj_set_style_text_align(label, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN);         /* 设置标签文本对齐方式 */

    lv_obj_t* label_shadow = lv_label_create(lv_scr_act());                         /* 定义并创建阴影标签 */
    lv_label_set_text(label_shadow, lv_label_get_text(label));                      /* 设置标签文本 */
    lv_obj_set_width(label_shadow, scr_act_width() / 3);                            /* 设置标签宽度 */
    lv_obj_set_style_text_opa(label_shadow, LV_OPA_30, LV_PART_MAIN);               /* 设置标签文本透明度 */
    lv_obj_set_style_text_color(label_shadow, lv_color_black(), LV_PART_MAIN);      /* 设置标签文本颜色 */
    lv_obj_set_style_text_align(label_shadow, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN);  /* 设置标签文本对齐方式 */
    lv_obj_align_to(label_shadow, label, LV_ALIGN_TOP_LEFT, 3, 3);                  /* 设置标签位置 */

LVGL笔记7--lv_label标签控件 LVGL笔记7–lv_label标签控件 标签控件介绍 ​ lv_label标签控件是LVGL中使用最频繁的控件,主要是用来显示文本信息的,可在程序运行中动态修改文本内容,支持换行显示、图标字体、部分文本重绘色、长文本显示、6种显示模式等功能 lv_label控件的API接口 长文本模式数据类型 enum { LV_LABEL_LONG_EXPAND, LV_LABEL_LONG_BREAK, LV_LABEL_LONG_DOT, LV_LABEL_LONG_SRO 阅读详情

相关推荐

第四节 LVGL部件使用

LVGL部件使用

picassocao的博客 1万+

LVGL常见需求实现

使用lvgl设计ui界面时,往往遇到无法直接调用API即可实现的需求,这里对常见需求简单记录,适用于8.0以上版本。欢迎评论区补充。

戮之国度的博客 3348

【LVGL-标签部件 lv_label】

【代码】【LVGL-标签部件】

sinat_23896491的博客 1755

【LVGL(5)】标签的(label)用法

标签的(label)用法,文本的显示

知寒 1万+

LVGL(lv_label标签)

lv_label 是 LVGL 中用于显示文本的基础控件,支持静态文本、动态数据、滚动文本等多种功能。通过 lv_label_create() 创建标签,并使用 lv_label_set_text() 设置文本内容。标签支持自动换行、文本对齐、滚动显示等模式,可通过 lv_label_set_long_mode() 进行配置。此外,还可以通过样式设置字体、颜色、背景等属性。lv_label 还支持 Unicode 字符和内置符号字体,适用于嵌入式图形界面开发。常见问题如文本显示不全、滚动无效等,可通过调整宽

m0_49476241的博客 1359

【全csdn最前沿LVGL9】按钮的使用(lv_button)、标签的使用(lv_label)

欢迎来到本文,我们将一同探索 LVGL(LittlevGL)库中按钮(lv_button)和标签(lv_label)组件的使用。LVGL作为一款嵌入式图形库,提供了现代、可自定义的用户界面解决方案,而按钮和标签是其强大功能中的两个关键组件。在本文中,我们将深入了解如何使用lv_button创建交互式按钮,以及如何使用lv_label展示文本内容。这两个组件的结合使用可以为嵌入式系统提供直观、美观的用户界面,为用户提供更好的交互体验。

m0_62599305的博客 4608

LVGL 控件之标签(lv_label)

(主体背景)使用所有典型的背景属性和文本属性。填充值可用于在文本和背景之间添加空间。(滚动条)当文本大于组件的大小时显示的滚动条。(所选文本)告诉 selected text 的样式。只能使用 text_color 和 bg_color 样式属性。

Projectsauron 的博客 1万+

LVGL---标签(lv_label)

LVGL---标签(lv_label)

weixin_42162924的博客 1767

LVGL部件篇:标签部件(lv_label)

在LVGL中,标签部件常用于文本显示,例如标题、提示文本等。这个是最简单的,但是也是最为常用的。标签部件由三个部分组成:主体背景、滚动条和所选文本。各组成部分的相关枚举如下所示:① 主体背景;② 滚动条;③ 所选文本。关于部件样式设置的内容,可以看。

m0_74676415的博客 2456

天地图API避坑指南:从零开始实现地址搜索与坐标标记

本文是一份天地图API实战避坑指南,详细讲解了从申请密钥、初始化地图到实现地址搜索与坐标标记的全过程。针对开发中常见的坐标偏移、搜索建议不显示、事件监听失效等核心难题,提供了具体的解决方案和代码示例,帮助开发者高效、稳定地集成天地图服务。

weixin_29326909的博客 265

成本会计(第九版)王忠孝课后习题答案解析

在掌握了基础知识之后,我们还需要培养自己的实际操作能力。此外,在学习过程中,遇到困难时,要及时向老师、同学请教,不要害怕暴露自己的不足。三人行,必有我师,每个人都有值得学习的地方。首先,我们需要认真阅读教材,把基础知识掌握牢固。在这里,我建议大家使用《成本会计(第九版)》的配套练习册,这样可以帮助我们检查学习效果。同时,网上的一些优质课程和论坛也是不错的学习资源,例如网易云课堂、中国大学MOOC等。别担心,这里我给大家推荐一些实用的学习资料和方法,帮助你更好地掌握这门课程。出版社: 大连理工大学出版社。

weixin_58833001的博客 1889

【LVGL】lv_label 标签

本节介绍了 LVGL 中 Label(标签)控件的使用方法

weixin_56167571的博客 2065

从零开始学版图(二)-----------差分放大电路

从零开始学版图

m0_56112720的博客 8563

LVGL学习笔记-----标签控件(lv_label)

@author: 明月清了个风⭐️关于LVGL标签控件的一些笔记,对应课程3-1-1 ~ 3-1-5的内容。

weixin_60278491的博客 1460

MATLAB去雾算法实战:5种经典方法对比+1种改进方案(附完整源码)

本文详细对比了MATLAB中5种经典去雾算法(包括暗通道先验、多尺度Retinex等)的实现效果,并提出一种创新的自适应融合改进方案。通过完整的源码展示和性能对比,帮助开发者掌握图像去雾的核心技术,提升计算机视觉应用中的图像质量。特别针对去雾算法中的光晕效应问题,给出了工程实践中的优化技巧。

weixin_26801149的博客 413

21天教你学会PCIe专栏(14)--安全性考虑

1.1 定义安全性(Security):安全性是指保护系统免受未经授权的访问、攻击和破坏,确保数据的机密性、完整性和可用性。1.2 重要性数据保护:保护敏感数据,防止数据泄露和篡改。系统防护:防止恶意攻击,确保系统的稳定性和可靠性。合规性:满足行业标准和法律法规的要求,避免法律风险。用户信任:提高用户对系统的信任度,增强市场竞争力。通过今天的学习,你应该对PCIe安全性的重要性和常见威胁有了深入的了解,掌握了实施安全措施的方法和工具,以及安全开发的最佳实践。

xiaoheshang_123的博客 850

LVGL学习(二)(lv_label,lv_btn)

3-1_标签lv_label3-1_标签lv_label。

solomonzw的博客 1762

2023华为od机试真题【恢复数字序列】C++

2023华为od机试真题【恢复数字序列】C++ 对于一个连续正整数组成的序列,可以将其拼接成一个字符串,再将字符串里的部分字符打乱顺序。如序列8 9 10 11 12,拼接成的字符串为89101112,打乱一部分字符后得到90811211,原来的正整数10就被拆成了0和1。现给定一个按如上规则得到的打乱字符的字符串,请将其还原成连续正整数序列,并输出序列中最小的数字. 输入描述

MISAYAONE的博客 5732

LVGL学习笔记9 - 标签Label

显示字符串是通过对象Label实现的。Label的Parts只有LV_LABEL_PART_MAIN。标签通过lv_label_create创建。

pq的博客 9311

YOLOv5改进 | 多尺度特征提取 | 结合多样分支块及融合的高级设计(CVPR2021)

YOLOv5改进 | 多尺度特征提取 | 结合多样分支块及融合的高级设计(CVPR2021)

qq_44224801的博客 2068

OpenClaw实战-行政与HR必备:AI驱动的办公自动化

智能会议纪要自动生成会议时间智能协调自动提醒和跟进简历智能筛选和匹配度分析面试安排自动化入职办理流程化通知公告一键发布发票识别和报销辅助资产管理数字化让AI处理繁杂的事务性工作,让您有更多时间专注于更有价值的战略和管理任务。

gaoxiang_120的专栏 220

LVGL lv_label标签控件(5)

lv_label 相关API在lv_label.h中 文本模式 enum { /*实时自动扩展标签对象大小来包裹文本内容*/ LV_LABEL_LONG_EXPAND, /**< Expand the object size to the text size*/ //标签对象宽度不变,当文本内容超过标签对象宽度,自动换行文本内容 LV_LABEL_LONG_BREAK, /**< Keep the object width, break the too l

jiang_2018的博客 3587

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

LVGL8.3 --lv_label 标签

标签是用来显示文本的基本对象类型。

smicd的博客 3781

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

LVGL常用部件

LVGL常用部件

weixin_45930573的博客 1797

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

LVGL标签部件(lv_label)实战:从基础显示到动态文本的进阶应用

本文深入探讨LVGL图形库中标签部件(lv_label)的实战应用,从基础创建与样式设置到动态文本更新等进阶技巧。通过智能家居中控屏项目实例,详细讲解如何实现文本自动换行、滚动显示、格式化输出及局部重着色,帮助开发者高效构建信息清晰、交互流畅的嵌入式设备用户界面。

weixin_29291069的博客 546

标签部件(lv_label)

总结:

weixin_41392061的博客 1042
上一篇: lvgl 笔记 基础对象与组件
下一篇: lvgl 笔记 按钮部件 (lv_btn) 和 开关部件 (lv_switch)
崔佳宇_
崔佳宇_ 优质创作者: 嵌入式与硬件开发技术领域 优质创作者: 嵌入式与硬件开发技术领域
博客等级 码龄10年 1万+粉丝 173原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值