- 实现4行2列的表格
void table_demo(void) { /*Create a normal cell style*/ static lv_style_t style_cell1; lv_style_copy(&style_cell1, &lv_style_plain); style_cell1.body.border.width = 4; style_cell1.body.main_color = LV_COLOR_BLUE; style_cell1.body.grad_color = LV_COLOR_BLUE; style_cell1.body.border.color = LV_COLOR_YELLOW; style_cell1.text.color = LV_COLOR_WHITE; /*Create a header cell style*/ static lv_style_t style_cell2; lv_style_copy(&style_cell2, &lv_style_plain); style_cell2.body.border.width = 4; style_cell2.body.border.color = LV_COLOR_GREEN; style_cell2.body.main_color = LV_COLOR_RED; style_cell2.body.grad_color = LV_COLOR_RED; style_cell2.text.color = LV_COLOR_YELLOW; lv_obj_t* table = lv_table_create(lv_scr_act(), NULL); lv_table_set_style(table, LV_TABLE_STYLE_CELL2, &style_cell2); lv_table_set_style(table, LV_TABLE_STYLE_CELL1, &style_cell1); lv_table_set_style(table, LV_TABLE_STYLE_BG, &lv_style_transp_tight); lv_table_set_col_cnt(table, 2); //2列 lv_table_set_row_cnt(table, 4); // 4行 lv_obj_align(table, NULL, LV_ALIGN_CENTER, 0, 0); /*Make the cells of the first row center aligned*/ lv_table_set_cell_align(table, 0, 0, LV_LABEL_ALIGN_CENTER); lv_table_set_cell_align(table, 0, 1, LV_LABEL_ALIGN_CENTER); lv_table_set_cell_align(table, 1, 0, LV_LABEL_ALIGN_RIGHT); lv_table_set_cell_align(table, 1, 1, LV_LABEL_ALIGN_RIGHT); /*Make the cells of the first row TYPE = 2 (use style_cell2)*/ lv_table_set_cell_type(table,0,0,2); lv_table_set_cell_type(table,0,1,2); /*Fill the first column*/ lv_table_set_cell_value(table, 0, 0, "Name"); lv_table_set_cell_value(table, 1, 0, "Apple"); lv_table_set_cell_value(table, 2, 0, "Banana"); lv_table_set_cell_value(table, 3, 0, "Citron"); /*Fill the second column*/ lv_table_set_cell_value(table, 0, 1, "Price"); lv_table_set_cell_value(table, 1, 1, "$7"); lv_table_set_cell_value(table, 2, 1, "$4"); lv_table_set_cell_value(table, 3, 1, "$6"); }
- 调用table_demo函数,编译运行
table for little vGL
关注
打赏