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);           
    
相关推荐
Projectsauron1 个月前
LVGL 控件之矩阵按钮(lv_buttonmatrix)
嵌入式·lvgl
1234567890@world1 个月前
LVGL | VisualStuio PC模拟器
lvgl
Projectsauron1 个月前
LVGL 控件之日历(lv_calendar)
嵌入式·lvgl
昵称p1 个月前
系统编程-lvgl
linux·lvgl·系统编程
启明智显2 个月前
【启明智显技术分享】工业级HMI芯片Model系列GUI合成到项目中的指南
嵌入式硬件·gui·lvgl·嵌入式开发·hmi方案
Sandman6z3 个月前
LVGL ArchLinux VSCode环境运行
ide·vscode·编辑器·lvgl·archlinux
xiaoyaoyou.xyz3 个月前
嵌入式UI开发-lvgl+wsl2+vscode系列:7、滚动(Scrolling)
ui·lvgl
xiaoyaoyou.xyz3 个月前
嵌入式UI开发-lvgl+wsl2+vscode系列:5、事件(Events)
单片机·ui·lvgl
DOT小文哥3 个月前
百问网全志D1h开发板LVGL9移植详细教程
elasticsearch·gui·lvgl·risc-v·全志·显示
wabil4 个月前
MAC 下搭建LVGL仿真器
lvgl