【LVGL(重要)】样式属性API函数及其参数

已于 2022-07-03 09:29:28 修改
阅读量1.7k 收藏 26
点赞数 4
分类专栏： LVGL 文章标签： 前端 LVGL GUI
于 2022-06-26 16:03:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41650023/article/details/125469569
版权

首先声明，为方便自己查看学习用！

全部参照官方手册，翻译部分有自己翻译也有机翻，可能有误差。

如果你恰巧看到这个文章，希望对你也有帮助。

Style properties — LVGL documentationhttps://docs.lvgl.io/master/overview/style-props.html#width

官方给分类几个大类

英文

中文简单介绍点击直达

Size and position

大小和位置与对象的大小、位置、对齐方式和布局相关的属性。大小和位置的设置
Padding填充描述父边与子边之间以及子边之间的间距。与HTML中的padding属性非常相似。填充
Background背景描述对象的背景色和图像。背景
Border边框边框的属性边框
Outline轮廓描述轮廓的属性。它就像一个边框，但画在矩形的外面。轮廓
Shadow阴影描述在矩形下绘制的阴影。阴影
Image图像图像的属性图像
Line线线型对象的特性线
Arc弧TODO弧
Text文本文本属性的属性。所有这些属性都是继承的。文本
Miscellaneous乱七八糟的不同用途的混合属性Miscellaneous

目录

风格设置函数

大小和位置的设置

填充

背景

边框

轮廓

阴影

图像

线

弧

文本

Miscellaneous

关于Border、Outline、Padding等内容可看LVGL的盒子概念

参考文章：【LVGL(3)】设置对象大小、位置、盒子模型、状态_喜暖知寒的博客-CSDN博客

风格设置函数

lv_style_set_<property_name>(&style, <value>);
lv_obj_set_style_<property_name>(obj, <value>, <selector>);    //本地样式

其中的 <property_name> 就是这里的名称部分用来替代以设置风格。

大小和位置的设置

名称用途值DefaultInheritedLayoutExt.draw
width对象宽度像素、百分比、LV_SIZE_CONTENTWidget dependent\YES\
min_width最小宽度像素、百分比0\YES\
max_width最大宽度像素、百分比LV_COORD_MAX\YES\
height对象高度像素、百分比、LV_SIZE_CONTENTWidget dependent\YES\
min_height最小高度像素、百分比0\YES\
max_height最大高度像素、百分比LV_COORD_MAX\YES\
xX坐标像素、百分比0\YES\
yY坐标像素、百分比0\YES\
align参照父级单独解释LV_ALIGN_DEFAULT\YES\
transform_width变宽像素、百分比、lv_pct(x)0\\YES
transform_height变高像素、百分比、lv_pct(x)0\\YES
translate_xX方向移动像素、百分比、lv_pct(x)0\YES\
translate_yY方向移动像素、百分比、lv_pct(x)0\YES\
transform_zoom缩放256(LV_IMG_ZOOM_NONE) 其余值按此变换0\YESYES
transform_angle旋转0。1表示一度0\YESYES
transform_pivot_x设置X坐标相对于对象的左上角0\\\
transform_pivot_y设置Y坐标相对于对象的左上角0\\\

aligh：确定应该从父级的位置对齐方式。


所有的对齐方式：LV_ALIGN_XXXXXX 的格式

填充

名称用途值DefaultInheritedLayoutExt.draw
pad_top顶部填充使内容区域在顶部小0/YES/
pad_buttom底部填充使内容区域在底部小0/YES/
pad_left左侧填充使内容区域在左部小0/YES/
pad_right右侧填充使内容区域在右部小0/YES/
pad_row行之间填充由布局调用0/YES/
pad_column列之间填充由布局调用0/YES/

背景

名称用途值DefaultInheritedLayoutExt.draw
bg_color背景颜色0xffffff\\\
bg_opa不透明度单独说明LV_OPA_TRANSP\\\
bg_grad_color渐变色0x000000\\\
bg_grad_dir渐变方向LV_GRAD_DIR_NONE LV_GRAD_DIR_HOR LV_GRAD_DIR_VERLV_GRAD_DIR_NONE\\\
bg_main_stop渐变起点单独说明0\\\
bg_grad_stop颜色起点单独说明255\\\
bg_grad渐变定义NULL\\\
bg_dither_mode渐变抖动LV_DITHER_NONE  LV_DITHER_ORDERED  LV_DITHER_ERR_DIFFLV_DITHER_NONE\\\
bg_img_src背景图像是一个指针lv_img_dsc_tNULL\\YES
bg_img_opa背景图像的不透明度单独说明LV_OPA_COVER\\\
bg_img_recolor混合到背景图像的颜色0x000000\\\
bg_img_recolor_opa重新着色的强度单独说明LV_OPA_TRANSP\\\
be_imh_tiled平铺背景图ture/false0\\\

值的问题说明：

名称用途值
bg_opa背景不透明度

值 0、LV_OPA_0或者LV_OPA_TRANSP表示完全透明

255、LV_OPA_100或者 LV_OPA_COVER表示完全覆盖

其他值或LV_OPA_10、LV_OPA_20等表示半透明

bg_main_stop设置渐变背景颜色的起点

0 表示顶部/左侧，255 表示底部/右侧，128 表示中心，依此类推

bg_grad_stop设置背景渐变颜色的起点0 表示顶部/左侧，255 表示底部/右侧，128 表示中心，依此类推
bg_img_opa设置背景图像的不透明度

值 0, LV_OPA_0或者 LV_OPA_TRANSP表示完全透明

255, LV_OPA_100或者 LV_OPA_COVER表示完全覆盖

其他值或 LV_OPA_10、LV_OPA_20 等表示半透明

bg_img_recolor_opa设置背景图像重新着色的强度

值 0， LV_OPA_0或者 LV_OPA_TRANSP表示不混合

255， LV_OPA_100或者 LV_OPA_COVER表示完全重新着色

其他值或 LV_OPA_10、LV_OPA_20 等按比例解释。

边框

名称用途值DefaultInheritedLayoutExt.draw
border_color设置边框颜色0x000000\\\
border_opa边框不透明度与其他不透明度一样LV_OPA_COVER\\\
border_width边框宽度像素值0\YES\
border_side设置执行边

LV_BORDER_SIDE_NONE

LV_BORDER_SIDE_TOP

LV_BORDER_SIDE_BOTTOM

LV_BORDER_SIDE_LEFT

LV_BORDER_SIDE_RIGHT

LV_BORDER_SIDE_INTERNAL

可采取或运算

0\\\
border_post设置在子项前绘制边框还是子项后绘制

ture：在子项前

false：在子项后

0\\\

轮廓

名称用途值DefaultInheritedLayoutExt.draw
outline_width轮廓宽度像素值0\\YES
outline_color轮廓颜色0x000000\\\
outline_opa轮廓不透明度与其他不透明度一样LV_OPA_COVER\\YES
outline_pad轮廓内边距0\\YES

阴影

名称用途值DefaultInheritedLayoutExt.draw
shadow_width阴影宽度0\\YES
shadow_ofs_x阴影偏移0\\YES
shadow_ofs_y阴影偏移0\\YES
shadow_spread阴影计算这个不是很懂0\\YES
shadow_color阴影颜色0x000000\\\
shadow_opa阴影透明度与其他不透明度一样LV_OPA_COVER\\YES

图像

名称用途值DefaultInheritedLayoutExt.draw
img_opa图像不透明度与其他不透明度一样LV_OPA_COVER\\\
img_recolor图像混合颜色0x000000\\\
img_recolor_opa混合颜色强度与其他不透明度一样0\\\

线

名称用途值DefaultInheritedLayoutExt.draw
line_width设置线宽像素0\\YES
line_dash_width设置虚线宽度像素0\\\

line_dash_gap

设置虚线间隙像素0\\\
line_roundded使线条端点变圆0\\\
line_color线条颜色0x000000\\\
line_opa线条不透明度与其他不透明度一样LV_OPA_COVER\\\

弧

名称用途值DefaultInheritedLayoutExt.draw
arc_width弧宽度像素0\\YES
arc_rounded弧大小true:圆形；false:垂直线结束0\\\
arc_color弧颜色0\\\
arc_opa弧不透明度与其他不透明度一样LV_OPA_COVER\\\
arc_img_src设置图像指针(lv_img_dsc_t)/文件路径NULL\\\

文本

名称用途值DefaultInheritedLayoutExt.draw
text_color文本颜色0x000000YES\\
text_opa不透明度与其他不透明度一样LV_OPA_COVERYES\\
text_font文本字体指针(lv_font_t *)LV_FONT_DEFAULTYESYES\
text_letter_space字母间距像素0YESYES\
text_line_space行间距像素0YESYES\
text_decor文本装饰

LV_TEXT_DECOR_NONE

LV_TEXT_DECOR_UNDERLINE

LV_TEXT_DECOR_STRIKETHROUGH

也可使用OR-ed值

LV_TEXT_DECOR_NONEYES\\
text_align文本对齐

LV_TEXT_ALIGN_LEFT

LV_TEXT_ALIGN_CENTER

LV_TEXT_ALIGN_RIGHT

LV_TEXT_ALIGN_AUTO

LV_TEXT_ALIGN_AUTOYESYES\

Miscellaneous

名称用途值DefaultInheritedLayoutExt.draw
radius每个角的半径像素，LV_RADIUS_CIRCLE最大0\\\
clip_comer圆角溢出内容ture/false0\\\
opa按比例所有与其他不透明度一样LV_OPA_COVERYES\\
color_filter_dsc颜色混合所有对象NULL\\\
color_filter_opa颜色不透明度与其他不透明度一样LV_OPA_TRANSP\\\
anim动画模板指针(lv_anim_t)NULL\\\
anim_time动画时间ms为单位，特定于部件0\\\
anim_speed动画速度pixel/sec为单位，特定于部件0\\\
transition过渡lv_style_transition_dsc_t描述0\\\
blend_mode颜色背景混合模式

LV_BLEND_MODE_NORMAL

LV_BLEND_MODE_ADDITIVE

LV_BLEND_MODE_SUBTRACTIVE

LV_BLEND_MODE_MULTIPLY

LV_BLEND_MODE_NORMAL\\\
layout布局设置对象布局，看布局相关！！0\YES\
base_dir基础目录

LV_BIDI_DIR_LTR

LV_BIDI_DIR_RTL

LV_BIDI_DIR_AUTO

LV_BIDI_DIR_AUTOYESYES\

喜暖知寒
关注
  • 4
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【定制功能】LVGL 图片缩放
Bigan(安)的博客
10-20 3849
实际项目中，有很多图片与实际展示的大小不一致的，所以需要有一个功能，能自行对图片进行缩放。
使用API函数复制文件显示进度.txt
03-07
使用API函数复制文件，可显示进度 apifunctionobjectstringfilec 　以前一直以为用API函数只能调用系统的那个复制的对话框来显示进度，原来还有其他方法可以用，不过这个API只能在NT4.0及以上的版本上面才有。 　...
论文研究-基于API函数及其参数相结合的恶意软件行为检测.pdf
07-22
提出了一个较灵活、可扩展的方法, 它是基于更细致的运行特征： API函数调用名、API函数的输入参数及两种特征的结合。抽取以上三类特征, 借助信息论中的熵, 定义了恶意代码信息增益值的概念, 并计算相应的API及其参数在区分恶意软件和良性软件时的信息增益值, 进而选择识别率高的特征以减少特征的数目从而减少分析时间。实验表明, 少量的特征选取和较高的识别率使得基于API函数与参数相结合的检测方法明显优于当前主流的基于API序列的识别算法。
基于API函数及其参数相结合的恶意软件行为检测 (2013年)
04-29
提出了一个较灵活、可扩展的方法, 它是基于更细致的运行特征： API函数调用名、API函数的输入参数及两种特征的结合。抽取以上三类特征, 借助信息论中的熵, 定义了恶意代码信息增益值的概念, 并计算相应的API及其参数在区分恶意软件和良性软件时的信息增益值, 进而选择识别率高的特征以减少特征的数目从而减少分析时间。实验表明, 少量的特征选取和较高的识别率使得基于API函数与参数相结合的检测方法明显优于当前主流的基于API序列的识别算法。
【全csdn最前沿LVGL9】基础对象lv_obj
m0_62599305的博客
01-31 1367
LVGL（LittlevGL）是一个开源的嵌入式图形库，用于在嵌入式系统中创建用户界面。LVGL提供了一系列丰富而灵活的功能，使得开发者能够轻松创建漂亮、交互性强的用户界面。其中，lv_obj是LVGL中的基础对象，为整个图形库的构建提供了坚实的基础。本文将深入探讨LVGL的基础对象lv_obj，解释其在嵌入式界面开发中的关键作用。我们将介绍lv_obj的基本概念、用法和一些常见的应用场景，以帮助开发者更好地理解和利用LVGL进行嵌入式图形界面开发。基础要素定义：'基础对象’的属性。
详解Python函数可变参数定义及其参数传递方式
01-20
Python函数可变参数定义及其参数传递方式详解 python中 函数不定参数的定义形式如下 1、 func(*args)  传入的参数为以元组形式存在args中，如： def func(*args): print args >>> func(1,2,3) (1, 2, 3) >>> func(*[1,2,3]) #这个方式可以直接将一个列表的所有元素当作不定参数 传入(1, 2, 3) 2、func( **kwargs) 传入的参数为以字典形式存在args中，如： def func(**kwargs): print kwargs >>> func(a = 1
LVGL——部件基本属性
weixin_63780683的博客
12-11 937
参照父对象对齐，再进行偏移：lv_obj_align(obj, LV_ALIGN_..., x, y);参照父对象对齐：lv_obj_set_align(obj, LV_ALIGN_...);参照其他对象对齐（无父子关系），再进行偏移：lv_obj_align_to(通过键盘、编码器聚焦或通过触摸板、鼠标单击 *大小，位置，背景，轮廓，边框，阴影，其它。手柄或旋钮，用于调整参数值 *选项框，指示当前选择的选项 *主体，像矩形一样的背景 *相似的元素，例如单元格 *指示器，指示当前值 *
LVGL API学习
qq_43289353的博客
06-11 646
LVGL学习
第四节 LVGL部件使用
picassocao的博客
02-20 8031
LVGL部件使用
函数字典 · LVGL库
m0_49927539的博客
08-12 597
【代码】函数字典 · LVGL库。
LVGL STYLE
qq_43289353的博客
06-11 1001
style
LittleVGL (LVGL)干货入门教程二之LVGL的输入设备（indev）API对接。
热门推荐
TTOWFIVE
12-03 2万+
LittleVGL (LVGL)干货入门教程二之LVGL的输入设备（indev）API对接 前言: 阅读前，请确保你拥有以下条件： 你已经完成“显示API”的移植。 你已经实现了一个屏幕的触摸驱动 （如果你使用外部物理按键进行操作，那么请确保你实现了读按键状态的驱动）。 LVGL有三大种需要对接的API y 显示API（教程一已实现， 链接：LittleVGL (LVGL)入门教程一之移植到stm32芯片） 输入设备API（比如触摸屏、按键 等， 此篇教程实现） 文件系统API（如FatFs等）
Python函数可变参数定义及其参数传递方式实例详解
12-24
本文实例讲述了Python函数可变参数定义及其参数传递方式。分享给大家供大家参考。具体分析如下： python中 函数不定参数的定义形式如下： 1、func(*args) 传入的参数为以元组形式存在args中，如： def func(*args):...
合宙Air724UG LuatOS-Air LVGL API控件-微调框 (Spinbox)
l531798151的博客
09-07 536
微调框 (Spinbox)微调框用于数值调整，有时候我们希望获取一个用户输入的数值，但是又不希望弹出键盘，可以使用微调框。
对 lvgl 的通俗介绍
wefaj的博客
10-09 2806
lvgl 其实就是各种图形部件 Widget（如滑块、滚轮、按钮等）的集合库（GUI 库），部件都是通过 API 函数创建（函数格式一般都是 lv_xxx_create( )，xxx 是部件名），部件的类型都是 lv_obj_t，lv_obj_t 是结构体进行 typedef 后的重命名（可用来创建结构体或结构体指针，这个结构体内部具备所有部件的属性），因此，所有部件都具备一些共同属性，例如大小、颜色、位置、样式这些，只是不同部件其具体的参数可能不同。
LVGL的基础知识总结
最新发布
qq_28576837的博客
02-29 1431
另外，还有自定义字库的使用，具体可参考开发手册。
合宙Air724UG LuatOS-Air LVGL API控件--图表 (Chart)
l531798151的博客
08-31 1801
axis lvgl.CHART_AXIS_PRIMARY_Y 或 lvgl.CHART_AXIS_SECONDARY_Y。axis lvgl.CHART_AXIS_PRIMARY_Y 或 lvgl.CHART_AXIS_SECONDARY_Y。返回 lvgl.CHART_AXIS_PRIMARY_Y 或 lvgl.CHART_AXIS_SECONDARY_Y。调用 lvgl.chart_set_x_start_point(chart, ser, id)可以通过点 id 单独设置某个点的数值。
ESP32 开发笔记(四）LVGL控件学习 LED 灯控件
cnicfhnui的博客
12-05 4694
先看效果，创建三个LED控件，第一个关状态，第二个可调，第三个一开关，创建一个滑块控件来控制第二个LED高度 此文章为盖楼文章，为组织目录链接用，未写教程，教程更新后会删除此行 开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.50111deb2Ij1As&ft=t&id=626366733674 一、开发板简介 二、开发环境搭建 windows ESP32例程为C语言开发，并非Python/Arduin
平移（translation）及变形（transform）的应用
Doyoung的专栏
04-24 577
效果一：按压按钮，向上平移（translation） 代码实现 static lv_style_t def; lv_style_init(&def); lv_style_set_x(&def,100); lv_style_set_y(&def,100); lv_style_set_size(&def,50); static lv_style_t pres; lv_style_init(&pres)
lvgl api函数
09-14
LVGL API函数是指用于使用LVGL图形库的函数集合。LVGL是一个开源的嵌入式图形库，它提供了许多用于创建用户界面的功能和组件。通过使用LVGL API函数，您可以创建和管理屏幕上的对象，设置样式和属性，处理用户输入等。 以下是一些常用的LVGL API函数： - lv_obj_create()：创建一个新的对象。 - lv_obj_set_size()：设置对象的大小。 - lv_obj_set_pos()：设置对象的位置。 - lv_obj_set_style()：设置对象的样式。 - lv_obj_set_event_cb()：设置对象的事件回调函数。 - lv_obj_set_hidden()：设置对象的可见性。 - lv_obj_del()：删除对象。 此外，LVGL还提供了许多其他类型的API函数，用于创建和管理不同类型的对象，例如文本框、按钮、图标等。您可以在LVGL的官方文档中找到完整的API函数列表以及它们的用法和示例。 参考文献： 引用: LVGL属性的完整列表 https://docs.lvgl.io/master/overview/style-props.html 引用: 设置本地样式函数接口： lv_obj_set_style_<property_name>(obj, <value>, <selector>)。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值