LVGL8.3.6 Flex(弹性布局)

使用lv_obj_set_flex_flow(obj, flex_flow)函数

横向拖动

  • LV_FLEX_FLOW_ROW 将子元素排成一排而不包裹

  • LV_FLEX_FLOW_ROW_WRAP 将孩子排成一排并包裹起来

  • LV_FLEX_FLOW_ROW_REVERSE 将子元素排成一行而不换行,但顺序相反

  • LV_FLEX_FLOW_ROW_WRAP_REVERSE 将子元素排成一行而不换行,但顺序相反

    复制代码
    lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_ROW_WRAP);   //设置cont对象行浮动
    lv_obj_set_scroll_dir(cont, LV_DIR_HOR);             //设置浮动拖动方向为横向拖动
  • LV_FLEX_FLOW_COLUMN 将子项放在一列中而不换行

  • LV_FLEX_FLOW_COLUMN_WRAP 将子元素放置在带有环绕的列中

  • LV_FLEX_FLOW_COLUMN_REVERSE 将子项放在一列中,不换行,但顺序相反

  • LV_FLEX_FLOW_COLUMN_WRAP_REVERSE 将子项放在一列中,不换行,但顺序相反

    复制代码
    lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_COLUMN);   //设置cont对象纵向浮动
    lv_obj_set_scroll_dir(cont, LV_DIR_VER);           
相关推荐
xiaohai@Linux3 天前
LVGL显示gif动图导致MCU进入HardFault_Handler问题(已解决!)
单片机·lvgl
搞全栈小苏3 天前
LVGL与Qt深度对比分析:轻量与全能的技术博弈
qt·lvgl
张世争8 天前
LVGL9.5 设置 label 长文本自动换行
lvgl·label·自动换行
学嵌入式的长路24 天前
正点原子imx6ull移植lvgl v8.3及触摸屏调试
linux·驱动开发·lvgl·imx6ull·触摸屏
sayang_shao1 个月前
STM32 F4移植LVGL 9.4.0版本教程(Keil工程,裸机)
stm32·gui·lvgl
xiaohai@Linux1 个月前
STM32在LVGL上实现移植FatFs文件系统(保姆级详细教程)
stm32·单片机·嵌入式硬件·lvgl·fatfs
YouEmbedded1 个月前
解码LVGL样式
linux·lvgl·lvgl样式
Industio_触觉智能2 个月前
重大更新,LVGL有UI编辑器用了
lvgl·瑞芯微·rk3506·lvgl pro·ui编辑器
jz_ddk2 个月前
[LVGL] 从0开始,学LVGL:进阶应用与项目实战(上)
linux·信息可视化·嵌入式·gui·lvgl·界面设计
jz_ddk2 个月前
[LVGL] 从0开始,学LVGL:基础构建篇 - 掌握UI的核心构建块
linux·网络协议·ui·rpc·嵌入式·gui·lvgl