LVGL『Contain容器控件』介绍

原创 专注于无线通信的蓬勃 2021-02-26 07:50

一. LVGL GUI容器控件的概念

容器本质上是具有布局和自动调整大小功能的基本对象。

二. LVGL GUI容器小部件和样式

容器只有一种主要样式 LV_CONT_PART_MAIN ,可以使用所有典型的免费属性和填充来自动调整布局大小。

三. LVGL GUI容器控件的使用

1. 布局(Layout)

您可以在容器上应用一个布局来自动应用于它们的子容器,布局间距来自样式的pad属性。可能的布局选项:

  • LV_LAYOUT_OFF - Do not align the children.(不做对齐动作)

  • LV_LAYOUT_CENTER - Align children to the center in column and keep pad_inner space between them.(子控件都上下左右居中,他们之前的间隔时这个值pad_inner,见例1 )

  • LV_LAYOUT_COLUMN_LEFT - Align children in a left-justified column. Keep pad_left space on the left, pad_top space on the top and pad_inner space between the children.(水平左对齐,pad_left 是左边离着容器控件的间距,pad_top 是上边离着容器控件的间距,控件之前的间隔时这个值pad_inner,见例2

  • LV_LAYOUT_COLUMN_MID - Align children in centered column. Keep pad_top space on the top and pad_inner space between the children.(水品居中,间距同样道理,见例2)

  • LV_LAYOUT_COLUMN_RIGHT - Align children in a right-justified column. Keep pad_rightspace on the right, pad_top space on the top and pad_inner space between the children.(水品右对齐,间距同样道理,见例2)

  • LV_LAYOUT_ROW_TOP - Align children in a top justified row. Keep pad_left space on the left, pad_top space on the top and pad_inner space between the children.(垂直上对齐,见例3)

  • LV_LAYOUT_ROW_MID - Align children in centered row. Keep pad_left space on the left and pad_inner space between the children.(垂直居中,见例3)

  • LV_LAYOUT_ROW_BOTTOM - Align children in a bottom justified row. Keep pad_left space on the left, pad_bottom space on the bottom and pad_inner space between the children.(垂直下对齐,见例3)

  • LV_LAYOUT_PRETTY_TOP - Put as many objects as possible in a row (with at least pad_innerspace and pad_left/right space on the sides). Divide the space in each line equally between the children. If here are children with different height in a row align their top edge.(子控件上对齐)

  • LV_LAYOUT_PRETTY_MID - Same as LV_LAYOUT_PRETTY_TOP but if here are children with different height in a row align their middle line.(子控件中线对齐)

  • LV_LAYOUT_PRETTY_BOTTOM - Same as LV_LAYOUT_PRETTY_TOP but if here are children with different height in a row align their bottom line.(子控件底对齐)

  • LV_LAYOUT_GRID - Similar to LV_LAYOUT_PRETTY but not divide horizontal space equally just let pad_left/right on the edges and pad_inner space between the elements.

此部分我们分几个部分来测试:

例 1)LV_LAYOUT_CENTER 跟LV_LAYOUT_OFF 对比测试

void lvgl_contain_layout_centor_test(void)
{
    lv_obj_t* cont1 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont1, 100, 100);
    lv_obj_set_size(cont1, 400, 400);
    lv_cont_set_layout(cont1, LV_LAYOUT_OFF);
    lv_obj_t* cont1_bn1 = lv_btn_create(cont1, NULL);
    lv_obj_t* cont1_bn2 = lv_btn_create(cont1, NULL);


    lv_obj_t* cont2 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont2,500,100);
    lv_obj_set_size(cont2, 400, 400);
    lv_cont_set_layout(cont2, LV_LAYOUT_CENTER);
    lv_obj_t* cont2_bn1 = lv_btn_create(cont2, NULL);
    lv_obj_t* cont2_bn2 = lv_btn_create(cont2, NULL);
  
}

例 2)水平对齐测试例子

void lvgl_contain_layout_coloum_test(void)
{
    lv_obj_t* cont2 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont2, 0, 0);
    lv_obj_set_size(cont2, 350, 500);
    lv_cont_set_layout(cont2, LV_LAYOUT_COLUMN_LEFT);
    lv_obj_t* cont2_bn1 = lv_btn_create(cont2, NULL);
    lv_obj_t* cont2_bn2 = lv_btn_create(cont2, NULL);

    lv_obj_t* cont3 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont3, 350, 0);
    lv_obj_set_size(cont3, 350, 500);
    lv_cont_set_layout(cont3, LV_LAYOUT_COLUMN_MID);
    lv_obj_t* cont3_bn1 = lv_btn_create(cont3, NULL);
    lv_obj_t* cont3_bn2 = lv_btn_create(cont3, NULL);

    lv_obj_t* cont4 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont4, 700, 0);
    lv_obj_set_size(cont4, 350, 500);
    lv_cont_set_layout(cont4, LV_LAYOUT_COLUMN_RIGHT);
    lv_obj_t* cont4_bn1 = lv_btn_create(cont4, NULL);
    lv_obj_t* cont4_bn2 = lv_btn_create(cont4, NULL);
}

例 3)垂直对齐测试例子

void lvgl_contain_layout_raw_test(void)
{
    lv_obj_t* cont2 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont2, 0, 0);
    lv_obj_set_size(cont2, 350, 500);
    lv_cont_set_layout(cont2, LV_LAYOUT_ROW_TOP);
    lv_obj_t* cont2_bn1 = lv_btn_create(cont2, NULL);
    lv_obj_t* cont2_bn2 = lv_btn_create(cont2, NULL);

    lv_obj_t* cont3 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont3, 350, 0);
    lv_obj_set_size(cont3, 350, 500);
    lv_cont_set_layout(cont3, LV_LAYOUT_ROW_MID);
    lv_obj_t* cont3_bn1 = lv_btn_create(cont3, NULL);
    lv_obj_t* cont3_bn2 = lv_btn_create(cont3, NULL);

    lv_obj_t* cont4 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont4, 700, 0);
    lv_obj_set_size(cont4, 350, 500);
    lv_cont_set_layout(cont4, LV_LAYOUT_ROW_BOTTOM);
    lv_obj_t* cont4_bn1 = lv_btn_create(cont4, NULL);
    lv_obj_t* cont4_bn2 = lv_btn_create(cont4, NULL);
}

例4)子控件对齐

void lvgl_contain_layout_pretty_test(void)
{
    lv_obj_t* cont2 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont2, 0, 0);
    lv_obj_set_size(cont2, 350, 500);
    lv_cont_set_layout(cont2, LV_LAYOUT_PRETTY_TOP);
    lv_obj_t* cont2_bn1 = lv_btn_create(cont2, NULL);
    lv_obj_t* cont2_bn2 = lv_btn_create(cont2, NULL);
    lv_obj_set_size(cont2_bn1, 100, 50);
    lv_obj_set_size(cont2_bn2, 100, 100);

    lv_obj_t* cont3 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont3, 350, 0);
    lv_obj_set_size(cont3, 350, 500);
    lv_cont_set_layout(cont3, LV_LAYOUT_PRETTY_MID);
    lv_obj_t* cont3_bn1 = lv_btn_create(cont3, NULL);
    lv_obj_t* cont3_bn2 = lv_btn_create(cont3, NULL);
    lv_obj_set_size(cont3_bn1, 100, 50);
    lv_obj_set_size(cont3_bn2, 100, 100);

    lv_obj_t* cont4 = lv_cont_create(lv_scr_act(), NULL);
    lv_obj_set_pos(cont4, 700, 0);
    lv_obj_set_size(cont4, 350, 500);
    lv_cont_set_layout(cont4, LV_LAYOUT_PRETTY_BOTTOM);
    lv_obj_t* cont4_bn1 = lv_btn_create(cont4, NULL);
    lv_obj_t* cont4_bn2 = lv_btn_create(cont4, NULL);
    lv_obj_set_size(cont4_bn1, 100, 50);
    lv_obj_set_size(cont4_bn2, 100, 100);
}

2. 自动调整(Autofit)

容易控件自适应大小,有以下值:

  • LV_FIT_NONE - Do not change the size automatically.(不自适应大小)

  • LV_FIT_TIGHT - Shrink-wrap the container around all of its children, while keeping pad_top/bottom/left/right space on the edges.(将容器收缩包装在其所有子容器周围,同时 pad_top/bottom/left/right在边缘保留空间。人感觉这个用的比较多)

  • LV_FIT_PARENT - Set the size to the parent's size minus pad_top/bottom/left/right (from the parent's style) space.

  • LV_FIT_MAX - Use LV_FIT_PARENT while smaller than the parent and LV_FIT_TIGHT when larger. It will ensure that the container is, at minimum, the size of its parent.

3. 事件(Event)

除了通用事件外,没有特殊事件

好了,完结了,更多精彩继续戳↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

专注于无线通信的蓬勃 朝气蓬勃——不积跬步 无以至千里, 不积小流 无以成江海
评论
  • 彼得·德鲁克被誉为“现代管理学之父”,他的管理思想影响了无数企业和管理者。然而,关于他的书籍分类,一种流行的说法令人感到困惑:德鲁克一生写了39本书,其中15本是关于管理的,而其中“专门写工商企业或为企业管理者写的”只有两本——《为成果而管理》和《创新与企业家精神》。这样的表述广为流传,但深入探讨后却发现并不完全准确。让我们一起重新审视这一说法,解析其中的矛盾与根源,进而重新认识德鲁克的管理思想及其著作的真正价值。从《创新与企业家精神》看德鲁克的视角《创新与企业家精神》通常被认为是一本专为企业管
    优思学院 2025-01-06 12:03 76浏览
  • 物联网(IoT)的快速发展彻底改变了从智能家居到工业自动化等各个行业。由于物联网系统需要高效、可靠且紧凑的组件来处理众多传感器、执行器和通信设备,国产固态继电器(SSR)已成为满足中国这些需求的关键解决方案。本文探讨了国产SSR如何满足物联网应用的需求,重点介绍了它们的优势、技术能力以及在现实场景中的应用。了解物联网中的固态继电器固态继电器是一种电子开关设备,它使用半导体而不是机械触点来控制负载。与传统的机械继电器不同,固态继电器具有以下优势:快速切换:确保精确快速的响应,这对于实时物联网系统至
    克里雅半导体科技 2025-01-03 16:11 176浏览
  • 根据Global Info Research项目团队最新调研,预计2030年全球封闭式电机产值达到1425百万美元,2024-2030年期间年复合增长率CAGR为3.4%。 封闭式电机是一种电动机,其外壳设计为密闭结构,通常用于要求较高的防护等级的应用场合。封闭式电机可以有效防止外部灰尘、水分和其他污染物进入内部,从而保护电机的内部组件,延长其使用寿命。 环洋市场咨询机构出版的调研分析报告【全球封闭式电机行业总体规模、主要厂商及IPO上市调研报告,2025-2031】研究全球封闭式电机总体规
    GIRtina 2025-01-06 11:10 87浏览
  • 光耦合器,也称为光隔离器,是一种利用光在两个隔离电路之间传输电信号的组件。在医疗领域,确保患者安全和设备可靠性至关重要。在众多有助于医疗设备安全性和效率的组件中,光耦合器起着至关重要的作用。这些紧凑型设备经常被忽视,但对于隔离高压和防止敏感医疗设备中的电气危害却是必不可少的。本文深入探讨了光耦合器的功能、其在医疗应用中的重要性以及其实际使用示例。什么是光耦合器?它通常由以下部分组成:LED(发光二极管):将电信号转换为光。光电探测器(例如光电晶体管):检测光并将其转换回电信号。这种布置确保输入和
    腾恩科技-彭工 2025-01-03 16:27 171浏览
  • 本文介绍Linux系统更换开机logo方法教程,通用RK3566、RK3568、RK3588、RK3576等开发板,触觉智能RK3562开发板演示,搭载4核A53处理器,主频高达2.0GHz;内置独立1Tops算力NPU,可应用于物联网网关、平板电脑、智能家居、教育电子、工业显示与控制等行业。制作图片开机logo图片制作注意事项(1)图片必须为bmp格式;(2)图片大小不能大于4MB;(3)BMP位深最大是32,建议设置为8;(4)图片名称为logo.bmp和logo_kernel.bmp;开机
    Industio_触觉智能 2025-01-06 10:43 72浏览
  • 车身域是指负责管理和控制汽车车身相关功能的一个功能域,在汽车域控系统中起着至关重要的作用。它涵盖了车门、车窗、车灯、雨刮器等各种与车身相关的功能模块。与汽车电子电气架构升级相一致,车身域发展亦可以划分为三个阶段,功能集成愈加丰富:第一阶段为分布式架构:对应BCM车身控制模块,包含灯光、雨刮、门窗等传统车身控制功能。第二阶段为域集中架构:对应BDC/CEM域控制器,在BCM基础上集成网关、PEPS等。第三阶段为SOA理念下的中央集中架构:VIU/ZCU区域控制器,在BDC/CEM基础上集成VCU、
    北汇信息 2025-01-03 16:01 193浏览
  • 自动化已成为现代制造业的基石,而驱动隔离器作为关键组件,在提升效率、精度和可靠性方面起到了不可或缺的作用。随着工业技术不断革新,驱动隔离器正助力自动化生产设备适应新兴趋势,并推动行业未来的发展。本文将探讨自动化的核心趋势及驱动隔离器在其中的重要角色。自动化领域的新兴趋势智能工厂的崛起智能工厂已成为自动化生产的新标杆。通过结合物联网(IoT)、人工智能(AI)和机器学习(ML),智能工厂实现了实时监控和动态决策。驱动隔离器在其中至关重要,它确保了传感器、执行器和控制单元之间的信号完整性,同时提供高
    腾恩科技-彭工 2025-01-03 16:28 166浏览
  • 在测试XTS时会遇到修改产品属性、SElinux权限、等一些内容,修改源码再编译很费时。今天为大家介绍一个便捷的方法,让OpenHarmony通过挂载镜像来修改镜像内容!触觉智能Purple Pi OH鸿蒙开发板演示。搭载了瑞芯微RK3566四核处理器,树莓派卡片电脑设计,支持开源鸿蒙OpenHarmony3.2-5.0系统,适合鸿蒙开发入门学习。挂载镜像首先,将要修改内容的镜像传入虚拟机当中,并创建一个要挂载镜像的文件夹,如下图:之后通过挂载命令将system.img镜像挂载到sys
    Industio_触觉智能 2025-01-03 11:39 115浏览
  •     为控制片内设备并且查询其工作状态,MCU内部总是有一组特殊功能寄存器(SFR,Special Function Register)。    使用Eclipse环境调试MCU程序时,可以利用 Peripheral Registers Viewer来查看SFR。这个小工具是怎样知道某个型号的MCU有怎样的寄存器定义呢?它使用一种描述性的文本文件——SVD文件。这个文件存储在下面红色字体的路径下。    例:南京沁恒  &n
    电子知识打边炉 2025-01-04 20:04 79浏览
  • 每日可见的315MHz和433MHz遥控模块,你能分清楚吗?众所周知,一套遥控设备主要由发射部分和接收部分组成,发射器可以将控制者的控制按键经过编码,调制到射频信号上面,然后经天线发射出无线信号。而接收器是将天线接收到的无线信号进行解码,从而得到与控制按键相对应的信号,然后再去控制相应的设备工作。当前,常见的遥控设备主要分为红外遥控与无线电遥控两大类,其主要区别为所采用的载波频率及其应用场景不一致。红外遥控设备所采用的射频信号频率一般为38kHz,通常应用在电视、投影仪等设备中;而无线电遥控设备
    华普微HOPERF 2025-01-06 15:29 92浏览
  • 在智能家居领域中,Wi-Fi、蓝牙、Zigbee、Thread与Z-Wave等无线通信协议是构建短距物联局域网的关键手段,它们常在实际应用中交叉运用,以满足智能家居生态系统多样化的功能需求。然而,这些协议之间并未遵循统一的互通标准,缺乏直接的互操作性,在进行组网时需要引入额外的网关作为“翻译桥梁”,极大地增加了系统的复杂性。 同时,Apple HomeKit、SamSung SmartThings、Amazon Alexa、Google Home等主流智能家居平台为了提升市占率与消费者
    华普微HOPERF 2025-01-06 17:23 97浏览
  • 在快速发展的能源领域,发电厂是发电的支柱,效率和安全性至关重要。在这种背景下,国产数字隔离器已成为现代化和优化发电厂运营的重要组成部分。本文探讨了这些设备在提高性能方面的重要性,同时展示了中国在生产可靠且具有成本效益的数字隔离器方面的进步。什么是数字隔离器?数字隔离器充当屏障,在电气上将系统的不同部分隔离开来,同时允许无缝数据传输。在发电厂中,它们保护敏感的控制电路免受高压尖峰的影响,确保准确的信号处理,并在恶劣条件下保持系统完整性。中国国产数字隔离器经历了重大创新,在许多方面达到甚至超过了全球
    克里雅半导体科技 2025-01-03 16:10 122浏览
  • PLC组态方式主要有三种,每种都有其独特的特点和适用场景。下面来简单说说: 1. 硬件组态   定义:硬件组态指的是选择适合的PLC型号、I/O模块、通信模块等硬件组件,并按照实际需求进行连接和配置。    灵活性:这种方式允许用户根据项目需求自由搭配硬件组件,具有较高的灵活性。    成本:可能需要额外的硬件购买成本,适用于对系统性能和扩展性有较高要求的场合。 2. 软件组态   定义:软件组态主要是通过PLC
    丙丁先生 2025-01-06 09:23 71浏览
  • 这篇内容主要讨论三个基本问题,硅电容是什么,为什么要使用硅电容,如何正确使用硅电容?1.  硅电容是什么首先我们需要了解电容是什么?物理学上电容的概念指的是给定电位差下自由电荷的储藏量,记为C,单位是F,指的是容纳电荷的能力,C=εS/d=ε0εrS/4πkd(真空)=Q/U。百度百科上电容器的概念指的是两个相互靠近的导体,中间夹一层不导电的绝缘介质。通过观察电容本身的定义公式中可以看到,在各个变量中比较能够改变的就是εr,S和d,也就是介质的介电常数,金属板有效相对面积以及距离。当前
    知白 2025-01-06 12:04 110浏览
  • 随着市场需求不断的变化,各行各业对CPU的要求越来越高,特别是近几年流行的 AIOT,为了有更好的用户体验,CPU的算力就要求更高了。今天为大家推荐由米尔基于瑞芯微RK3576处理器推出的MYC-LR3576核心板及开发板。关于RK3576处理器国产CPU,是这些年的骄傲,华为手机全国产化,国人一片呼声,再也不用卡脖子了。RK3576处理器,就是一款由国产是厂商瑞芯微,今年第二季推出的全新通用型的高性能SOC芯片,这款CPU到底有多么的高性能,下面看看它的几个特性:8核心6 TOPS超强算力双千
    米尔电子嵌入式 2025-01-03 17:04 48浏览
我要评论
0
点击右上角,分享到朋友圈 我知道啦
请使用浏览器分享功能 我知道啦