lvgl下拉列表设置在按钮正上方

在lvgl（Light and Versatile Graphics Library）中，设置下拉列表在按钮正上方的步骤如下：

1. **创建按钮**：首先，创建一个按钮对象。
2. **创建下拉列表**：然后，创建一个下拉列表对象。
3. **设置位置**：将下拉列表的位置设置在按钮的正上方。

以下是一个示例代码，展示了如何在lvgl中实现这一功能：

#include "lvgl/lvgl.h"

// 回调函数，用于显示下拉列表
void show_dropdown(lv_event_t * event) {
    lv_obj_t * btn = lv_event_get_target(event);
    lv_obj_t * dropdown = lv_dropdown_create(lv_obj_get_parent(btn));
    
    // 设置下拉列表的选项
    lv_dropdown_set_options(dropdown, "Option 1\nOption 2\nOption 3");
    
    // 获取按钮的位置和大小
    lv_coord_t btn_x, btn_y;
    lv_obj_get_pos(btn, &btn_x, &btn_y);
    
    lv_coord_t btn_width, btn_height;
    lv_obj_get_width(btn, &btn_width);
    lv_obj_get_height(btn, &btn_height);
    
    // 设置下拉列表的位置在按钮正上方
    lv_obj_set_pos(dropdown, btn_x, btn_y - lv_obj_get_height(dropdown));
    
    // 设置下拉列表的宽度与按钮相同
    lv_obj_set_width(dropdown, btn_width);
    
    // 显示下拉列表
    lv_obj_set_hidden(dropdown, false);
}

int main() {
    // 初始化lvgl
    lv_init();
    
    // 初始化硬件（此处省略具体实现）
    
    // 创建屏幕
    lv_obj_t * scr = lv_cont_create(NULL, NULL);
    lv_disp_load_scr(scr);
    
    // 创建按钮
    lv_obj_t * btn = lv_btn_create(scr, NULL);
    lv_obj_set_pos(btn, 100, 100);
    lv_obj_set_size(btn, 100, 50);
    
    // 添加按钮标签
    lv_obj_t * label = lv_label_create(btn, NULL);
    lv_label_set_text(label, "Click me");
    
    // 设置按钮的回调函数
    lv_obj_set_event_cb(btn, show_dropdown);
    
    // 主循环
    while(1) {
        lv_task_handler();
        // 延时（具体实现根据硬件环境调整）
        lv_tick_inc(5);
        delay(5);
    }
    
    return 0;
}

在这个示例中，我们首先创建了一个按钮，并为其设置了回调函数`show_dropdown`。在回调函数中，我们创建了一个下拉列表，并将其位置设置在按钮的正上方。