lvgl8.3.6 一个控件相对位置在另一个控件的下方居中显示

2024/9/15 16:43:48gpt-4-all

在 LVGL 8.3.6 中，你可以使用 lv_obj_align_to 函数来让一个控件相对于另一个控件居中并显示在其下方。这种方法可以灵活地将一个控件相对于另一个控件进行位置调整。

示例代码

假设我们有两个控件，parent 和 child，并希望将 child 控件居中放置在 parent 控件的下方。可以使用 lv_obj_align_to 实现

#include "lvgl.h"

void align_child_below_parent() {
    // 创建父控件
    lv_obj_t * parent = lv_obj_create(lv_scr_act());  // 在当前活动屏幕上创建父控件
    lv_obj_set_size(parent, 200, 100);  // 设置父控件大小
    lv_obj_align(parent, LV_ALIGN_CENTER, 0, -50);  // 将父控件居中显示

    // 创建子控件
    lv_obj_t * child = lv_obj_create(lv_scr_act());  // 创建子控件
    lv_obj_set_size(child, 100, 50);  // 设置子控件大小

    // 将子控件相对于父控件的下方居中显示
    lv_obj_align_to(child, parent, LV_ALIGN_OUT_BOTTOM_MID, 0, 0);  // 相对父控件下方居中
}

说明

• lv_obj_align_to(child, parent, LV_ALIGN_OUT_BOTTOM_MID, 0, 0);：这行代码的关键在于 LV_ALIGN_OUT_BOTTOM_MID，它确保 child 控件相对于 parent 控件在底部居中对齐。
• 对齐选项：LV_ALIGN_OUT_BOTTOM_MID 表示将子控件放置在父控件的下方，并水平居中。如果需要微调子控件的位置，你可以调整 x 和 y 偏移量，后两个参数分别表示相对于父控件的水平和垂直偏移。

其他常见对齐方式

• LV_ALIGN_OUT_TOP_MID：控件在父控件的上方居中对齐。
• LV_ALIGN_OUT_LEFT_MID：控件在父控件的左边居中对齐。
• LV_ALIGN_OUT_RIGHT_MID：控件在父控件的右边居中对齐。