LVGL库教程03：如何快速掌握GUI设计？

本文共计3636个文字，预计阅读时间需要15分钟。

LVGL布局区域介绍：LVGL布局区域用于创建和管理控件布局。在LVGL中创建控件时，如果不为控件指定布局，控件默认会放置在父容器的左上角。可以使用`lv_obj_set_pos(obj, x, y)`调整控件位置。

LVGL布局方式 LVGL的布局

上一节介绍了如何在 LVGL 中创建控件。如果在创建控件时不给控件安排布局，那么控件默认会被放在父容器的左上角。

可以使用 lv_obj_set_pos(obj, x, y) 调整一个控件的位置（或者使用类似的函数单独调整一个方向的坐标），将它放在相对父容器左上角的合适位置。不过这种布局方式非常死板，因为绝对坐标一旦设定就不能自动调整；而且当控件数量较多时，也很难确定合适的坐标值。

上一节介绍过，可以使用 lv_obj_align(obj, align, x_ofs, y_ofs) 设置一个控件相对父容器的对齐，并用以下图片展示所有的对齐方式：

从图片中可以看到，控件之间不仅可以内对齐，也可以外对齐。如果两个控件间没有包含关系也不要紧，可以使用 lv_obj_align_to(obj, base, align, x_ofs, y_ofs); 设置两个控件的相对对齐方式。

这种对齐的方式对于控件不多的情况下来说是足够了，但是有些时候需要对很多并列的控件布局（例如，一个计算机界面的所有按钮）。这个时候常规的对齐方式就难以满足需求了。