Примерно так может выглядеть интерфейс:
достаточно легкая настройка, похоже на css стили:
СпойлерПоказать
lv_obj_t * scr = lv_cont_create(NULL, NULL); // Создание экрана SCR
lv_disp_load_scr(scr);
/* Create simple label */
lv_obj_t *label = lv_label_create(lv_scr_act(), NULL); // Создание объекта label на текущем экране
lv_label_set_text(label, "Hello Arduino! (V7.0)"); // Текст объекта label
lv_obj_align(label, NULL, LV_ALIGN_CENTER, 0, -50); // Выравнивание объекта label
/* Create a slider in the center of the display */
lv_obj_t * slider = lv_slider_create(lv_scr_act(), NULL); // Создание объекта label на текущем экране
lv_obj_set_width(slider, screenWidth-50); /*Set the width*/
lv_obj_set_height(slider, 50);
lv_obj_align(slider, NULL, LV_ALIGN_CENTER, 0, 0); /*Align to the center of the parent (screen)*/
lv_obj_set_event_cb(slider, slider_event_cb); //Придать slider_event_cb значение слайдера
/* Create a label below the slider */
slider_label = lv_label_create(lv_scr_act(), NULL);
lv_label_set_text(slider_label, "0");
lv_obj_set_auto_realign(slider, true);
lv_obj_align(slider_label, slider, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
Здесь демо:
https://lvgl.io/demos
Отличная документация
https://docs.lvgl.io/
https://github.com/lvgl
Порт на esp32 для Ардуино
https://github.com/lvgl/lv_arduino