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);           
相关推荐
The_superstar61 天前
衡山派LVGL注意点
单片机·lvgl·衡山派·俊杰
xzl044 天前
LVGL显示移植:lv_port_disp.c 详情介绍
rt-thread·lvgl·ra6m3-hmi-board
xzl047 天前
LVGL输入移植:lv_port_indev.c 详情介绍
lvgl·ra6m3-hmi-board
10Eugene7 天前
LVGL V9增加实体按键 驱动层和应用层的处理
c·lvgl
xzl0411 天前
LVGL 启动流程全解析:RT-Thread 下的界面渲染链路
rt-thread·lvgl
xzl0411 天前
LVGL Coffee UI 接入实战:问题解决全记录
ui·rt-thread·lvgl
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:GUI 的扩展接口
ide·驱动开发·嵌入式·gui·lvgl·micropython·upypi
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:底层渲染与性能优化
人工智能·python·单片机·性能优化·嵌入式·lvgl·micropython
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:显示与多屏管理
开发语言·python·github·php·gui·lvgl·micropython
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:时序与动态效果
开发语言·python·github·php·gui·lvgl·micropython