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
:控件在父控件的右边居中对齐。
原文地址:https://blog.csdn.net/MyLovelyJay/article/details/142286364
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!