通过点击lv_table的某一行来选中这一行,以及通过点击另外创建的按钮来删除选中的这一行数据。在table_event_cb回调函数中,我们通过检测点击事件发生的行和列来确定被点击的行,然后在按钮的事件处理器btn_event_cb中,根据之前保存的选中行索引来删除相应行的数据,并适当地更新表格展示。
一个按钮来为表格增加新的行。
完整代码示例
#include "lvgl/lvgl.h"lv_obj_t *table;
static uint16_t selected_row = LV_TABLE_CELL_NONE; // 用于保存选中行的索引// 表格点击事件回调函数
static void table_event_cb(lv_event_t *e) {lv_obj_t * obj = lv_event_get_target(e);uint16_t row;uint16_t col;// 获取点击事件发生的行和列lv_res_t res = lv_table_get_pressed_cell(obj, &row, &col);if(res == LV_RES_OK && col != LV_TABLE_CELL_NONE && row != LV_TABLE_CELL_NONE) {// 将选中的行索引保存起来selected_row = row;// 可以在这里改变行的样式,模拟选中效果(可选)lv_obj_add_style(obj, &style_selected, LV_PART_ITEMS | (row << LV_STYLE_ID_BITS));// 注意: 上面的样式改变代码是示意性的,你可能需要根据实际情况调整}
}// 按钮事件处理器,用于删除选中的行
static void btn_delete_event_cb(lv_event_t * e) {if (selected_row != LV_TABLE_CELL_NONE && selected_row < lv_table_get_row_cnt(table)) {uint16_t row_cnt = lv_table_get_row_cnt(table);// 将选中行之后的每一行的内容向上移动一行for (uint16_t i = selected_row; i < row_cnt - 1; i++) {for (uint16_t j = 0; j < lv_table_get_col_cnt(table); j++) {const char * cell_text = lv_table_get_cell_value(table, i + 1, j);lv_table_set_cell_value(table, i, j, cell_text);}}// 减少表格的总行数以删除最后一行lv_table_set_row_cnt(table, row_cnt - 1);selected_row = LV_TABLE_CELL_NONE; // 重置选中行的索引}
}// 按钮事件处理器,用于增加一行到表格的末尾
static void btn_add_row_event_cb(lv_event_t * e) {uint16_t row_cnt = lv_table_get_row_cnt(table);lv_table_set_row_cnt(table, row_cnt + 1);lv_table_set_cell_value(table, row_cnt, 0, "New Item");lv_table_set_cell_value(table, row_cnt, 1, "Value");
}void create_ui(void) {// 创建并设置表格table = lv_table_create(lv_scr_act());lv_obj_add_event_cb(table, table_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align(table, LV_ALIGN_CENTER, 0, 0);// 添加示例数据到表格中lv_table_set_col_cnt(table, 2);lv_table_set_row_cnt(table, 4);lv_table_set_cell_value(table, 0, 0, "Name");lv_table_set_cell_value(table, 0, 1, "Value");// 这里可以根据需要添加更多的表格数据...// 创建删除按钮并为其设置事件处理器lv_obj_t *btn_delete = lv_btn_create(lv_scr_act());lv_obj_add_event_cb(btn_delete, btn_delete_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align(btn_delete, LV_ALIGN_BOTTOM_MID, 0, -50);lv_obj_set_size(btn_delete, 100, 50);lv_obj_t *label_delete = lv_label_create(btn_delete);lv_label_set_text(label_delete, "Delete Row");lv_obj_center(label_delete);// 创建增加按钮并为其设置事件处理器lv_obj_t *btn_add = lv_btn_create(lv_scr_act());lv_obj_add_event_cb(btn_add, btn_add_row_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align_to(btn_add, btn_delete, LV_ALIGN_OUT_RIGHT_MID, 10, 0);lv_obj_set_size(btn_add, 100, 50);lv_obj_t *label_add = lv_label_create(btn_add);lv_label_set_text(label_add, "Add Row");lv_obj_center(label_add);
}// 在适当位置调用create_ui()来初始化界面
create_ui();
感谢您提供初始代码和更多详细信息。由于您使用的是LVGL的8.3.1版本,有些API可能与我先前提供的示例略有不同。
下面是根据LVGL 8.3.1版本调整后的示例代码,它应该可以直接在您的环境中使用:
#include "lvgl/lvgl.h"lv_obj_t *table;
static uint16_t selected_row = LV_TABLE_CELL_NONE;// 表格点击事件回调函数
static void table_event_cb(lv_event_t *e) {lv_obj_t *obj = lv_event_get_target(e);uint16_t row;uint16_t col;lv_res_t res = lv_table_get_pressed_cell(obj, &row, &col);if(res == LV_RES_OK && col != LV_TABLE_CELL_NONE && row != LV_TABLE_CELL_NONE) {selected_row = row;lv_obj_add_state(obj, LV_STATE_CHECKED);}
}static void btn_delete_event_cb(lv_event_t * e) {if (selected_row != LV_TABLE_CELL_NONE && selected_row < lv_table_get_row_cnt(table)) {uint16_t row_cnt = lv_table_get_row_cnt(table);for (uint16_t i = selected_row; i < row_cnt - 1; i++) {for (uint16_t j = 0; j < lv_table_get_col_cnt(table); j++) {const char *cell_text = lv_table_get_cell_text(table, i + 1, j);lv_table_set_cell_value(table, i, j, cell_text);}}lv_table_set_row_cnt(table, row_cnt - 1);selected_row = LV_TABLE_CELL_NONE;}
}static void btn_add_row_event_cb(lv_event_t * e) {uint16_t row_cnt = lv_table_get_row_cnt(table);lv_table_set_row_cnt(table, row_cnt + 1);lv_table_set_cell_value(table, row_cnt, 0, "New Item");lv_table_set_cell_value(table, row_cnt, 1, "Value");
}void create_ui(void) {table = lv_table_create(lv_scr_act());lv_obj_add_event_cb(table, table_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align(table, LV_ALIGN_CENTER, 0, 0);lv_table_set_col_cnt(table, 2);lv_table_set_row_cnt(table, 4);lv_table_set_cell_value(table, 0, 0, "Name");lv_table_set_cell_value(table, 0, 1, "Value");lv_obj_t *btn_delete = lv_btn_create(lv_scr_act());lv_obj_add_event_cb(btn_delete, btn_delete_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align(btn_delete, LV_ALIGN_BOTTOM_MID, 0, -50);lv_obj_set_size(btn_delete, 100, 50);lv_obj_t *label_delete = lv_label_create(btn_delete);lv_label_set_text(label_delete, "Delete Row");lv_obj_center(label_delete);lv_obj_t *btn_add = lv_btn_create(lv_scr_act());lv_obj_add_event_cb(btn_add, btn_add_row_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_align_to(btn_add, btn_delete, LV_ALIGN_OUT_RIGHT_MID, 10, 0);lv_obj_set_size(btn_add, 100, 50);lv_obj_t *label_add = lv_label_create(btn_add);lv_label_set_text(label_add, "Add Row");lv_obj_center(label_add);
}// 主函数里调用create_ui()初始化UI
int main() {lv_init();// Your code to initialize display, input drivers...create_ui();while(1) {lv_task_handler();sleep(5);}return 0;
}
这个代码示例包含创建UI的函数create_ui()
,该函数可以在您的主函数或初始化部分调用。以上代码应该与LVGL 8.3.1版本完美兼容。请确保您已经初始化了LVGL库及相关的显示和输入系统。