合宙Air724UG LuatOS-Air LVGL API-概念

这篇具有很好参考价值的文章主要介绍了合宙Air724UG LuatOS-Air LVGL API-概念。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

概念
在 LVGL 中,用户界面的基本构建块是对象。例如,按钮,标签,图像,列表,图表或文本区域。

属性
基本属性
所有对象类型都共享一些基本属性:

Position (位置)
Size (尺寸)
Parent (父母)
Click enable (单击启用)
我们可以使用 lvgl.obj_set_… 和 lvgl.obj_get_… 等前缀的函数设置或者获取这些属性。
例如:

– 设置基础对象的属性
lvgl.obj_set_size(btn, 100, 50) – 设置按键的大小
lvgl.obj_set_pos(btn, 20,30) – 设置按键的位置
特殊属性
有些对象类型也具有特殊的属性。例如,滑块具有

min、max、values (最小最大值)
current value (当前值)
custom styles (自定义样式)
对于这些属性,每种对象类型都有唯一的 API 函数。例如一个滑块的 API 调用过程:

– 设置滑块的特殊属性
lvgl.slider_set_range(slider, 0, 100) – 设置滑块的最小值和最大值
lvgl.slider_set_value(slider, 40, LV_ANIM_ON) – 设置当前值(屏幕坐标系位置)
lvgl.slider_set_action(slider, my_action) – 设置回调函数
工作机制
继承
父对象可以作为其子对象的容器。每个对象只能一个父对象(屏幕除外),但是一个父对象可以有无限多个子对象。父对象的类型没有限制,但是有特殊的父对象(例如,按钮)和特殊的子对象(例如,标签)。

追随
如果更改了父对象的位置,则子对象将与父对象一起移动,并且子对象的位置都保持相对于父对象位置不变。 例如,坐标 (0,0) 表示子对象将独立于父对象的位置保留在父对象的左上角,代码:

par = lvgl.obj_create(lvgl.scr_act(), nil) – 在当前屏幕中创建一个对象
lvgl.obj_set_size(par, 100, 80) – 设置对象的大小

obj1 = lvgl.obj_create(par, nil) – 基于前面创建的对象(par)创建一个子对象(obj1),之前的对像成为父对象
lvgl.obj_set_pos(obj1, 10, 10); – 设置子对象的位置
202104011247331.png

当我们修改父对象的位置,子对象也会一起移动,以保持和父对象的相对位置不变:

lvgl.obj_set_pos(par, 50, 50); – 移动父对象,子对象也会跟着移动,以保持相对位置不变
202104011247333.png

创建-删除
在LVGL中,可以在运行时动态地创建和删除对象。这意味着仅当前创建的对象需要消耗 RAM。例如,如果需要图表,我们可以在需要时创建它,并在不可见或不需要时将其删除。
每个对象类型都有各自的创建函数。它需要两个参数:

指向父对象的指针。创建屏幕时以 nil作为父级。
用于复制具有相同类型的对象的指针(可选)。如果不行进行复制操作为 nil。
创建函数如下所示:
lvgl._create(parent, copy)
lvgl.obj_del 将立即删除该对象。

我们可以使用 lv_obj_clean 删除对象的所有子对象(但不会删除对象本身):

lvgl.obj_clean(obj)
屏幕对象
创建屏幕对象
屏幕是没有父对象的特殊对象。应该像这样创建它们:

scr = lvgl.obj_create(nil, nil)
可以使用任何对象类型创建屏幕。例如:创建墙纸的基础对象或图像。

获取活动屏幕
这始终是每个显示屏上的活动屏幕。默认情况下,该库为每个显示创建并加载 “基础对象” 作为屏幕。
要获取当前活动的屏幕使用函数 lvgl.scr_act()

载入屏幕
调用函数 lvgl.scr_load(scr) 加载屏幕。

零件 (Parts)
控件可以包含多个 Parts。例如,按钮仅具有主要部分,而滑动条则由背景,指示器和旋钮组成。
控件名称的构造类似于 lvgl. + PART 。比如 lvgl.BTN_PART_MAIN 、 lvgl.SLIDER_PART_KNOB 。 通常在将样式添加到对象时使用 Parts。使用 Parts 可以将不同的样式分配给对象的不同 Parts。

状态
对象可以处于以下状态的组合:

lvgl.STATE_DEFAULT – 默认或正常状态
lvgl.STATE_CHECKED – 选中或点击
lvgl.STATE_FOCUSED – 通过键盘或编码器聚焦或通过触摸板/鼠标单击
lvgl.STATE_EDITED – 由编码器编辑
lvgl.STATE_HOVERED – 鼠标悬停(现在还不支持)
lvgl.STATE_PRESSED – 按下
lvgl.STATE_DISABLED – 禁用或无效
当用户按下,释放,聚焦等对象时,状态通常由库自动检测更改。 当然状态也可以手动检测更改。 要完全覆盖当前状态,调用 lvgl.obj_set_state(obj, part, lvgl.STATE…) 要设置或清除某个状态(但不更改其他状态),调用 lvgl.obj_add/clear_state(obj, part, lvgl.STATE_…) 可以组合使用状态值。例如: lvgl.obj_set_state(obj, part, lvgl.STATE_PRESSED)。文章来源地址https://www.toymoban.com/news/detail-668563.html

到了这里,关于合宙Air724UG LuatOS-Air LVGL API-概念的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 合宙Air724UG LuatOS-Air LVGL API控件-页面 (Page)

    页面 (Page) 当控件内容过多,无法在屏幕内完整显示时,可让其在  页面  内显示。 通过函数  lvgl.page_create  可以创建一个页面 页面对象可以像容器一样设置各个方向上的匹配模式,可以把需要显示的对象添加进页面进行显示,页面可以作为控件的父容器。就像下面这样,

    2024年02月09日
    浏览(44)
  • 合宙Air724UG LuatOS-Air LVGL API控件--曲线 (Arc)

    曲线 (Arc) 曲线控件,也可以称为弧。因为 Arc 本身就是弧,弧形的意思。根据控件的样子也能推测出它的使用场景,一般用在加载器(就是等待界面转的圈圈)或者数值显示,数值调节这些场景。曲线控件分了两个部分,前景和背景,都可以分别进行设置。 示例代码 – 创建曲

    2024年02月11日
    浏览(46)
  • 合宙Air724UG LuatOS-Air LVGL API控件--日历 (Calendar)

    日历 (Calendar) LVGL 提供了一个用来选择和显示当前日期的日历控件。 示例代码 – 高亮显示的日期 highlightDate = lvgl.calendar_date_t() – 日历点击的回调函数 – 将点击日期设置高亮 function event_handler(obj, event) if event == lvgl.EVENT_VALUE_CHANGED then date = lvgl.calendar_get_pressed_date(obj) if date

    2024年02月10日
    浏览(39)
  • 合宙Air724UG LuatOS-Air LVGL API控件-窗口 (Window)

    窗口 (Window) 分 享导出pdf | lvgl.win_create 调用 lvgl.win_create(par, copy) 功能 创建一个窗口对象 返回 指向创建的窗口的指针 参数 par 指向对象的指针, 它将是新键对象的父对象 copy 指向窗口对象的指针, 如果不为 nil, 则将从其复制新对象 lvgl.win_clean 调用 lvgl.win_clean(win) 功能 清除窗口

    2024年02月09日
    浏览(43)
  • 合宙Air724UG LuatOS-Air LVGL API控件-标签 (Label)

    标签 (Label) 标签是 LVGL 用来显示文字的控件。 标签是通过  lvgl.label_create  函数创建的。 可以使用  lvgl.label_set_text  设置标签上的文字显示内容。 标签是有宽度的,默认情况下,在设置文字后会自行调整,标签宽度会自动扩充到文本宽度。但是这种显示方式是可以进行更改

    2024年02月09日
    浏览(35)
  • 合宙Air724UG LuatOS-Air LVGL API控件--按钮 (Button)

    按钮 (Button) 按钮控件,这个就不用多说了,界面的基础控件之一。 示例代码 – 按键回调函数 event_handler = function(obj, event) if event == lvgl.EVENT_CLICKED then print(“Clickedn”) elseif event == lvgl.EVENT_VALUE_CHANGED then print(“Toggledn”) end end – 按键1 btn1 = lvgl.btn_create(lvgl.scr_act(), nil) lvgl.o

    2024年02月11日
    浏览(37)
  • 合宙Air724UG LuatOS-Air LVGL API控件-图片(Gif)

    图片(Gif) GIF图片显示,core版本号要=3211 方法一 方法二 lvgl.gif_create 调用 lvgl.gif_create(par) 功能 创建一个GIF图片对象 返回 指向GIF图片对象的指针 参数 par 指向对象的指针, 它将是新键对象的父对象 lvgl.gif_set_src 调用 lvgl.img_set_src(gif, data) 功能 设置GIF图片控件的显示内容 参数

    2024年02月07日
    浏览(37)
  • 合宙Air724UG LuatOS-Air LVGL API控件--图表 (Chart)

    图表 (Chart) 一幅图胜过一千个字,通过图表展示出的数据内容能让用户更快速有效的了解数据特征。 代码示例 – 创建图表 chart = lvgl.chart_create(lvgl.scr_act(), nil) lvgl.obj_set_size(chart, 200, 150) lvgl.obj_align(chart, nil, lvgl.ALIGN_CENTER, 0, 0) – 设置 Chart 的显示模式 (折线图) lvgl.chart_set_typ

    2024年02月10日
    浏览(33)
  • 合宙Air724UG LuatOS-Air LVGL API控件-键盘 (Keyboard)

    键盘 (Keyboard) LVGL 可以添加触摸键盘,但是很明显,使用触摸键盘的话必须要使用触摸的输入方式,否则无法驱动键盘。 通过  keyboard_create  可以创建键盘,实际上只要这一句就可在界面上显示键盘了。很难得的是,键盘没有复制对象, lvgl.keyboard_create  只需要传入一个参数

    2024年02月09日
    浏览(30)
  • 合宙Air724UG LuatOS-Air LVGL API控件-图片 (Image)

    图片 (Image) 图片 IMG 是用于显示图像的基本对象类型,图像来源可以是文件,或者定义的符号。 使用  lvgl.img_create  可以创建图像对象。 图片控件显示的内容有两个来源,一个是来源文件的图片,还是有一个就是 符号文字。符号文字是一段特殊的字符串,LVGL内部会将这串特

    2024年02月09日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包