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);           
相关推荐
t_guest18 天前
LVGL学习(六)- widget、part、state
lvgl·state·part
t_guest1 个月前
LVGL学习(四)- Objects
入门·lvgl
慕容白 MU1 个月前
开源一个基于LVGL的图层管理框架(LMF)
开源·lvgl·图层管理框架
t_guest1 个月前
LVGL学习(二)- 定时器
lvgl
t_guest1 个月前
LVGL学习(三)- 日志
入门·lvgl
zhbi983 个月前
LVGL8.3标签Label高级应用
ui·lvgl
The_superstar63 个月前
衡山派lvgl小练
串口·lvgl·衡山派·ds133ebs
The_superstar63 个月前
衡山派LVGL注意点
单片机·lvgl·衡山派·俊杰
xzl043 个月前
LVGL显示移植:lv_port_disp.c 详情介绍
rt-thread·lvgl·ra6m3-hmi-board
xzl043 个月前
LVGL输入移植:lv_port_indev.c 详情介绍
lvgl·ra6m3-hmi-board