What do you want to achieve?
I have designed a screen in EEZ studio (first screen shot) and it’s exactly how I want it to appear.
However when I upload to the display board it is displayed as per the second screen shot. What should be rows appear as columns.
What have you tried so far?
Checked documentation tried extra row in button matrix.
Code to reproduce
This is the code for the matrix, labels that would normally be in the map are added afterwards as they change depending on item selected. Even with labels in the map the result is the same.
lv_obj_t *obj = lv_btnmatrix_create(parent_obj);
objects.function_mtx = obj;
lv_obj_set_pos(obj, 7, 348);
lv_obj_set_size(obj, 600, 122);
static const char *map[12] = {
" ",
" ",
" ",
" ",
" ",
"\n",
" ",
" ",
" ",
" ",
" ",
NULL,
};
static lv_btnmatrix_ctrl_t ctrl_map[10] = {
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
1 | LV_BTNMATRIX_CTRL_CHECKABLE,
};
lv_btnmatrix_set_map(obj, map);
lv_btnmatrix_set_ctrl_map(obj, ctrl_map);
lv_obj_set_style_pad_top(obj, 9, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_pad_bottom(obj, 9, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_pad_left(obj, 10, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_pad_right(obj, 10, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_pad_column(obj, 10, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(obj, lv_color_hex(0xffc89600), LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_border_width(obj, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_pad_row(obj, 10, LV_PART_MAIN | LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(obj, lv_color_hex(0xffffffff), LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_dir(obj, LV_GRAD_DIR_VER, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_bg_grad_color(obj, lv_color_hex(0xff000000), LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_border_color(obj, lv_color_hex(0xff000000), LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_border_width(obj, 1, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_text_color(obj, lv_color_hex(0xffffffff), LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_width(obj, 10, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_ofs_x(obj, 5, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_ofs_y(obj, 5, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_spread(obj, 2, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_color(obj, lv_color_hex(0xff000000), LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_shadow_opa(obj, 127, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_text_font(obj, &lv_font_montserrat_16, LV_PART_ITEMS | LV_STATE_DEFAULT);
lv_obj_set_style_bg_color(obj, lv_color_hex(0xffffff00), LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_shadow_width(obj, 0, LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_shadow_ofs_x(obj, 0, LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_shadow_ofs_y(obj, 0, LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_shadow_spread(obj, 0, LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_bg_grad_dir(obj, LV_GRAD_DIR_NONE, LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_text_color(obj, lv_color_hex(0xff000000), LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_bg_color(obj, lv_color_hex(0xffffff00), LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_bg_grad_dir(obj, LV_GRAD_DIR_NONE, LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_shadow_width(obj, 0, LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_shadow_ofs_x(obj, 0, LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_shadow_ofs_y(obj, 0, LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_shadow_spread(obj, 0, LV_PART_ITEMS | LV_STATE_PRESSED);
lv_obj_set_style_text_color(obj, lv_color_hex(0xff000000), LV_PART_ITEMS | LV_STATE_PRESSED);
}
Screenshot and/or video
Environment
-
MCU/MPU/Board:
Elecrow DIS02170A 7inch 800x480
ESP32-S3-WROOM-1-N16R8 -
LVGL version: See
lv_version.h
LVGL 8.4