ESP32 基于arduino平台的LVGL移植demo_widgets LitleVGL

环境配置，参考了本站@慕容流年
在这里不再对环境进行复述
环境搭建请点击
https://blog.csdn.net/qq_41868901/article/details/107998469
下面是全部代码

#include <lvgl.h>
#include <TFT_eSPI.h>
#include <Arduino.h>
#include <SPI.h>
#include <TFT_Touch.h>
//#define LV_DEMO_WIDGETS_SLIDESHOW 1
#define LVGL_TICK_PERIOD 1
#define sb 44600
static lv_obj_t * tv;
static lv_obj_t * t1;
static lv_obj_t * t2;
static lv_obj_t * t3;
static lv_obj_t * kb;

static lv_style_t style_box;

TFT_eSPI tft = TFT_eSPI(); /* TFT instance */
static lv_disp_buf_t disp_buf;


//static lv_color_t buf[LV_HOR_RES_MAX * 10];
static lv_color_t buf[LV_HOR_RES_MAX * 10];
lv_obj_t * slider_label;
int screenWidth = 480;
int screenHeight = 320;

//触摸
#define DOUT 14  /* Data out pin (T_DO) of touch screen */
#define DIN  27  /* Data in pin (T_DIN) of touch screen */
#define DCS  26  /* Chip select pin (T_CS) of touch screen */
#define DCLK 25  /* Clock pin (T_CLK) of touch screen */
TFT_Touch touch = TFT_Touch(DCS, DCLK, DIN, DOUT);
int X_Raw = 0, Y_Raw = 0;

static void event_handler(lv_obj_t * obj, lv_event_t event)
{
  if (event == LV_EVENT_VALUE_CHANGED) {
    lv_calendar_date_t * date = lv_calendar_get_pressed_date(obj);
    if (date) {
      printf("Clicked date: %02d.%02d.%d\n", date->day, date->month, date->year);
    }
  }
}
/* Display flushing */
void my_disp_flush(lv_disp_drv_t *disp, const lv_area_t *area, lv_color_t *color_p)
{
  uint16_t c;

  tft.startWrite(); /* Start new TFT transaction */
  tft.setAddrWindow(area->x1, area->y1, (area->x2 - area->x1 + 1), (area->y2 - area->y1 + 1)); /* set the working window */
  for (int y = area->y1; y <= area->y2; y++) {
    for (int x = area->x1; x <= area->x2; x++) {
      c = color_p->full;
      tft.writeColor(c, 1);
      color_p++;
    }
  }
  tft.endWrite(); /* terminate TFT transaction */
  lv_disp_flush_ready(disp); /* tell lvgl that flushing is done */
}

bool my_touchpad_read(lv_indev_drv_t * indev_driver, lv_indev_data_t * data)
{
  uint16_t touchX, touchY;

  bool touched = touch.Pressed();//检测触摸是否按下
  //获取屏幕坐标
  touchX = touch.X();
  touchY = touch.Y();

  if (!touched)
  {
    return false;
  }

  if (touchX > screenWidth || touchY > screenHeight)
  {
    Serial.println("Y or y outside of expected parameters..");
    Serial.print("y:");
    Serial.print(touchX);
    Serial.print(" x:");
    Serial.print(touchY);
  }
  else
  {

    data->state = touched ? LV_INDEV_STATE_PR : LV_INDEV_STATE_REL;

    /*Save the state and save the pressed coordinate*/
    //if(data->state == LV_INDEV_STATE_PR) touchpad_get_xy(&last_x, &last_y);

    /*Set the coordinates (if released use the last pressed coordinates)*/
    data->point.x = touchX;
    data->point.y = touchY;

    Serial.print("Data x");
    Serial.println(touchX);

    Serial.print("Data y");
    Serial.println(touchY);

  }

  return false; /*Return `false` because we are not buffering and no more data to read*/
}

lv_obj_t * gauge1;
long date = 0;
uint8_t date_cotter = 0;

void lv_demo_widgets(void)
{
  tv = lv_tabview_create(lv_scr_act(), NULL);
#if LV_USE_THEME_MATERIAL
  if (LV_THEME_DEFAULT_INIT == lv_theme_material_init) {
    lv_disp_size_t disp_size = lv_disp_get_size_category(NULL);
    if (disp_size >= LV_DISP_SIZE_MEDIUM) {
      lv_obj_set_style_local_pad_left(tv, LV_TABVIEW_PART_TAB_BG, LV_STATE_DEFAULT, LV_HOR_RES / 2);
      lv_obj_t * sw = lv_switch_create(lv_scr_act(), NULL);
      if (lv_theme_get_flags() & LV_THEME_MATERIAL_FLAG_DARK)
        lv_switch_on(sw, LV_ANIM_OFF);
      lv_obj_set_event_cb(sw, color_chg_event_cb);
      lv_obj_set_pos(sw, LV_DPX(10), LV_DPX(10));
      lv_obj_set_style_local_value_str(sw, LV_SWITCH_PART_BG, LV_STATE_DEFAULT, "Dark");
      lv_obj_set_style_local_value_align(sw, LV_SWITCH_PART_BG, LV_STATE_DEFAULT, LV_ALIGN_OUT_RIGHT_MID);
      lv_obj_set_style_local_value_ofs_x(sw, LV_SWITCH_PART_BG, LV_STATE_DEFAULT, LV_DPI / 35);
    }
  }
#endif
  t1 = lv_tabview_add_tab(tv, "Controls");
  t2 = lv_tabview_add_tab(tv, "Visuals");
  t3 = lv_tabview_add_tab(tv, "Selectors");

  lv_style_init(&style_box);
  lv_style_set_value_align(&style_box, LV_STATE_DEFAULT, LV_ALIGN_OUT_TOP_LEFT);
  lv_style_set_value_ofs_y(&style_box, LV_STATE_DEFAULT, - LV_DPX(10));
  lv_style_set_margin_top(&style_box, LV_STATE_DEFAULT, LV_DPX(30));

  controls_create(t1);
  visuals_create(t2);
  selectors_create(t3);

#if LV_DEMO_WIDGETS_SLIDESHOW
  lv_task_create(tab_changer_task_cb, 8000, LV_TASK_PRIO_LOW, NULL);
#endif

}

/**********************
     STATIC FUNCTIONS
 **********************/


static void controls_create(lv_obj_t * parent)
{
  lv_page_set_scrl_layout(parent, LV_LAYOUT_PRETTY_TOP);

  lv_disp_size_t disp_size = lv_disp_get_size_category(NULL);
  lv_coord_t grid_w = lv_page_get_width_grid(parent, disp_size <= LV_DISP_SIZE_SMALL ? 1 : 2, 1);

#if LV_DEMO_WIDGETS_SLIDESHOW == 0
  static const char * btns[] = {"Cancel", "Ok", ""};

  lv_obj_t * m = lv_msgbox_create(lv_scr_act(), NULL);
  lv_msgbox_add_btns(m, btns);
  lv_obj_t * btnm = lv_msgbox_get_btnmatrix(m);
  lv_btnmatrix_set_btn_ctrl(btnm, 1, LV_BTNMATRIX_CTRL_CHECK_STATE);
#endif

  lv_obj_t * h = lv_cont_create(parent, NULL);
  lv_cont_set_layout(h, LV_LAYOUT_PRETTY_MID);
  lv_obj_add_style(h, LV_CONT_PART_MAIN, &style_box);
  lv_obj_set_drag_parent(h, true);

  lv_obj_set_style_local_value_str(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Basics");

  lv_cont_set_fit2(h, LV_FIT_NONE, LV_FIT_TIGHT);
  lv_obj_set_width(h, grid_w);
  lv_obj_t * btn = lv_btn_create(h, NULL);
  lv_btn_set_fit2(btn, LV_FIT_NONE, LV_FIT_TIGHT);
  lv_obj_set_width(btn, lv_obj_get_width_grid(h, disp_size <= LV_DISP_SIZE_SMALL ? 1 : 2, 1));
  lv_obj_t * label = lv_label_create(btn, NULL);
  lv_label_set_text(label , "Button");

  btn = lv_btn_create(h, btn);
  lv_btn_toggle(btn);
  label = lv_label_create(btn, NULL);
  lv_label_set_text(label , "Button");

  lv_switch_create(h, NULL);

  lv_checkbox_create(h, NULL);

  lv_coord_t fit_w = lv_obj_get_width_fit(h);

  lv_obj_t * slider = lv_slider_create(h, NULL);
  lv_slider_set_value(slider, 40, LV_ANIM_OFF);
  lv_obj_set_event_cb(slider, slider_event_cb);
  lv_obj_set_width_margin(slider, fit_w);

  /*Use the knobs style value the display the current value in focused state*/
  lv_obj_set_style_local_margin_top(slider, LV_SLIDER_PART_BG, LV_STATE_DEFAULT, LV_DPX(25));
  lv_obj_set_style_local_value_font(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, lv_theme_get_font_small());
  lv_obj_set_style_local_value_ofs_y(slider, LV_SLIDER_PART_KNOB, LV_STATE_FOCUSED, - LV_DPX(25));
  lv_obj_set_style_local_value_opa(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, LV_OPA_TRANSP);
  lv_obj_set_style_local_value_opa(slider, LV_SLIDER_PART_KNOB, LV_STATE_FOCUSED, LV_OPA_COVER);
  lv_obj_set_style_local_transition_time(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, 300);
  lv_obj_set_style_local_transition_prop_5(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, LV_STYLE_VALUE_OFS_Y);
  lv_obj_set_style_local_transition_prop_6(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, LV_STYLE_VALUE_OPA);

  slider = lv_slider_create(h, slider);
  lv_slider_set_type(slider, LV_SLIDER_TYPE_RANGE);
  lv_slider_set_value(slider, 70, LV_ANIM_OFF);
  lv_slider_set_left_value(slider, 30, LV_ANIM_OFF);
  lv_obj_set_style_local_value_ofs_y(slider, LV_SLIDER_PART_INDIC, LV_STATE_DEFAULT, - LV_DPX(25));
  lv_obj_set_style_local_value_font(slider, LV_SLIDER_PART_INDIC, LV_STATE_DEFAULT, lv_theme_get_font_small());
  lv_obj_set_style_local_value_opa(slider, LV_SLIDER_PART_INDIC, LV_STATE_DEFAULT, LV_OPA_COVER);
  lv_obj_set_event_cb(slider, slider_event_cb);
  lv_event_send(slider, LV_EVENT_VALUE_CHANGED, NULL);      /*To refresh the text*/
  if (lv_obj_get_width(slider) > fit_w) lv_obj_set_width(slider, fit_w);

  h = lv_cont_create(parent, h);
  lv_cont_set_fit(h, LV_FIT_NONE);
  lv_obj_set_style_local_value_str(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Text input");

  lv_obj_t * ta = lv_textarea_create(h, NULL);
  lv_cont_set_fit2(ta, LV_FIT_PARENT, LV_FIT_NONE);
  lv_textarea_set_text(ta, "");
  lv_textarea_set_placeholder_text(ta, "E-mail address");
  lv_textarea_set_one_line(ta, true);
  lv_textarea_set_cursor_hidden(ta, true);
  lv_obj_set_event_cb(ta, ta_event_cb);

  ta = lv_textarea_create(h, ta);
  lv_textarea_set_pwd_mode(ta, true);
  lv_textarea_set_placeholder_text(ta, "Password");

  ta = lv_textarea_create(h, NULL);
  lv_cont_set_fit2(ta, LV_FIT_PARENT, LV_FIT_NONE);
  lv_textarea_set_text(ta, "");
  lv_textarea_set_placeholder_text(ta, "Message");
  lv_textarea_set_cursor_hidden(ta, true);
  lv_obj_set_event_cb(ta, ta_event_cb);
  lv_cont_set_fit4(ta, LV_FIT_PARENT, LV_FIT_PARENT, LV_FIT_NONE, LV_FIT_PARENT);

#if LV_DEMO_WIDGETS_SLIDESHOW
  tab_content_anim_create(parent);
#endif
}

static void visuals_create(lv_obj_t * parent)
{
  lv_page_set_scrl_layout(parent, LV_LAYOUT_PRETTY_TOP);

  lv_disp_size_t disp_size = lv_disp_get_size_category(NULL);

  lv_coord_t grid_h_chart = lv_page_get_height_grid(parent, 1, 1);
  lv_coord_t grid_w_chart = lv_page_get_width_grid(parent, disp_size <= LV_DISP_SIZE_LARGE ? 1 : 2, 1);

  lv_obj_t * chart = lv_chart_create(parent, NULL);
  lv_obj_add_style(chart, LV_CHART_PART_BG, &style_box);
  if (disp_size <= LV_DISP_SIZE_SMALL) {
    lv_obj_set_style_local_text_font(chart, LV_CHART_PART_SERIES_BG, LV_STATE_DEFAULT, lv_theme_get_font_small());

  }
  lv_obj_set_drag_parent(chart, true);
  lv_obj_set_style_local_value_str(chart, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Line chart");
  lv_obj_set_width_margin(chart, grid_w_chart);
  lv_obj_set_height_margin(chart, grid_h_chart);
  lv_chart_set_div_line_count(chart, 3, 0);
  lv_chart_set_point_count(chart, 8);
  lv_chart_set_type(chart, LV_CHART_TYPE_LINE);
  if (disp_size > LV_DISP_SIZE_SMALL) {
    lv_obj_set_style_local_pad_left(chart,  LV_CHART_PART_BG, LV_STATE_DEFAULT, 4 * (LV_DPI / 10));
    lv_obj_set_style_local_pad_bottom(chart,  LV_CHART_PART_BG, LV_STATE_DEFAULT, 3 * (LV_DPI / 10));
    lv_obj_set_style_local_pad_right(chart,  LV_CHART_PART_BG, LV_STATE_DEFAULT, 2 * (LV_DPI / 10));
    lv_obj_set_style_local_pad_top(chart,  LV_CHART_PART_BG, LV_STATE_DEFAULT, 2 * (LV_DPI / 10));
    lv_chart_set_y_tick_length(chart, 0, 0);
    lv_chart_set_x_tick_length(chart, 0, 0);
    lv_chart_set_y_tick_texts(chart, "600\n500\n400\n300\n200", 0, LV_CHART_AXIS_DRAW_LAST_TICK);
    lv_chart_set_x_tick_texts(chart, "Jan\nFeb\nMar\nApr\nMay\nJun\nJul\nAug", 0, LV_CHART_AXIS_DRAW_LAST_TICK);
  }
  lv_chart_series_t * s1 = lv_chart_add_series(chart, LV_THEME_DEFAULT_COLOR_PRIMARY);
  lv_chart_series_t * s2 = lv_chart_add_series(chart, LV_THEME_DEFAULT_COLOR_SECONDARY);

  lv_chart_set_next(chart, s1, 10);
  lv_chart_set_next(chart, s1, 90);
  lv_chart_set_next(chart, s1, 30);
  lv_chart_set_next(chart, s1, 60);
  lv_chart_set_next(chart, s1, 10);
  lv_chart_set_next(chart, s1, 90);
  lv_chart_set_next(chart, s1, 30);
  lv_chart_set_next(chart, s1, 60);
  lv_chart_set_next(chart, s1, 10);
  lv_chart_set_next(chart, s1, 90);

  lv_chart_set_next(chart, s2, 32);
  lv_chart_set_next(chart, s2, 66);
  lv_chart_set_next(chart, s2, 5);
  lv_chart_set_next(chart, s2, 47);
  lv_chart_set_next(chart, s2, 32);
  lv_chart_set_next(chart, s2, 32);
  lv_chart_set_next(chart, s2, 66);
  lv_chart_set_next(chart, s2, 5);
  lv_chart_set_next(chart, s2, 47);
  lv_chart_set_next(chart, s2, 66);
  lv_chart_set_next(chart, s2, 5);
  lv_chart_set_next(chart, s2, 47);

  lv_obj_t * chart2 = lv_chart_create(parent, chart);
  lv_chart_set_type(chart2, LV_CHART_TYPE_COLUMN);
  lv_obj_set_style_local_value_str(chart2, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Column chart");

  s1 = lv_chart_add_series(chart2, LV_THEME_DEFAULT_COLOR_PRIMARY);
  s2 = lv_chart_add_series(chart2, LV_THEME_DEFAULT_COLOR_SECONDARY);

  lv_chart_set_next(chart2, s1, 10);
  lv_chart_set_next(chart2, s1, 90);
  lv_chart_set_next(chart2, s1, 30);
  lv_chart_set_next(chart2, s1, 60);
  lv_chart_set_next(chart2, s1, 10);
  lv_chart_set_next(chart2, s1, 90);
  lv_chart_set_next(chart2, s1, 30);
  lv_chart_set_next(chart2, s1, 60);
  lv_chart_set_next(chart2, s1, 10);
  lv_chart_set_next(chart2, s1, 90);

  lv_chart_set_next(chart2, s2, 32);
  lv_chart_set_next(chart2, s2, 66);
  lv_chart_set_next(chart2, s2, 5);
  lv_chart_set_next(chart2, s2, 47);
  lv_chart_set_next(chart2, s2, 32);
  lv_chart_set_next(chart2, s2, 32);
  lv_chart_set_next(chart2, s2, 66);
  lv_chart_set_next(chart2, s2, 5);
  lv_chart_set_next(chart2, s2, 47);
  lv_chart_set_next(chart2, s2, 66);
  lv_chart_set_next(chart2, s2, 5);
  lv_chart_set_next(chart2, s2, 47);

  lv_coord_t grid_w_meter;
  if (disp_size <= LV_DISP_SIZE_SMALL) grid_w_meter = lv_page_get_width_grid(parent, 1, 1);
  else if (disp_size <= LV_DISP_SIZE_MEDIUM) grid_w_meter = lv_page_get_width_grid(parent, 2, 1);
  else grid_w_meter = lv_page_get_width_grid(parent, 3, 1);

  lv_coord_t meter_h = lv_page_get_height_fit(parent);
  lv_coord_t meter_size = LV_MATH_MIN(grid_w_meter, meter_h);

  lv_obj_t * lmeter = lv_linemeter_create(parent, NULL);
  lv_obj_set_drag_parent(lmeter, true);
  lv_linemeter_set_value(lmeter, 50);
  lv_obj_set_size(lmeter, meter_size, meter_size);
  lv_obj_add_style(lmeter, LV_LINEMETER_PART_MAIN, &style_box);
  lv_obj_set_style_local_value_str(lmeter, LV_LINEMETER_PART_MAIN, LV_STATE_DEFAULT, "Line meter");

  lv_obj_t * label = lv_label_create(lmeter, NULL);
  lv_obj_align(label, lmeter, LV_ALIGN_CENTER, 0, 0);
  lv_obj_set_style_local_text_font(label, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_theme_get_font_title());

  lv_anim_t a;
  lv_anim_init(&a);
  lv_anim_set_var(&a, lmeter);
  lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)linemeter_anim);
  lv_anim_set_values(&a, 0, 100);
  lv_anim_set_time(&a, 4000);
  lv_anim_set_playback_time(&a, 1000);
  lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
  lv_anim_start(&a);


  lv_obj_t * gauge = lv_gauge_create(parent, NULL);
  lv_obj_set_drag_parent(gauge, true);
  lv_obj_set_size(gauge, meter_size, meter_size);
  lv_obj_add_style(gauge, LV_GAUGE_PART_MAIN, &style_box);
  lv_obj_set_style_local_value_str(gauge, LV_GAUGE_PART_MAIN, LV_STATE_DEFAULT, "Gauge");

  label = lv_label_create(gauge, label);
  lv_obj_align(label, gauge, LV_ALIGN_CENTER, 0, grid_w_meter / 3);

  lv_anim_set_var(&a, gauge);
  lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)gauge_anim);
  lv_anim_start(&a);

  lv_obj_t * arc = lv_arc_create(parent, NULL);
  lv_obj_set_drag_parent(arc, true);
  lv_arc_set_bg_angles(arc, 0, 360);
  lv_arc_set_rotation(arc, 270);
  lv_arc_set_angles(arc, 0, 0);
  lv_obj_set_size(arc,  meter_size, meter_size);
  lv_obj_add_style(arc, LV_ARC_PART_BG, &style_box);
  lv_obj_set_style_local_value_str(arc, LV_ARC_PART_BG, LV_STATE_DEFAULT, "Arc");

  label = lv_label_create(arc, label);
  lv_obj_align(label, arc, LV_ALIGN_CENTER, 0, 0);

  lv_anim_set_var(&a, arc);
  lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)arc_anim);
  lv_anim_set_values(&a, 0, 360);
  lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
  lv_anim_start(&a);

  /*Create a bar and use the backgrounds value style property to display the current value*/
  lv_obj_t * bar_h = lv_cont_create(parent, NULL);
  lv_cont_set_fit2(bar_h, LV_FIT_NONE, LV_FIT_TIGHT);
  lv_obj_add_style(bar_h, LV_CONT_PART_MAIN, &style_box);
  lv_obj_set_style_local_value_str(bar_h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Bar");

  if (disp_size <= LV_DISP_SIZE_SMALL) lv_obj_set_width(bar_h, lv_page_get_width_grid(parent, 1, 1));
  else if (disp_size <= LV_DISP_SIZE_MEDIUM) lv_obj_set_width(bar_h, lv_page_get_width_grid(parent, 2, 1));
  else lv_obj_set_width(bar_h, lv_page_get_width_grid(parent, 3, 2));

  lv_obj_t * bar = lv_bar_create(bar_h, NULL);
  lv_obj_set_width(bar, lv_obj_get_width_fit(bar_h));
  lv_obj_set_style_local_value_font(bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, lv_theme_get_font_small());
  lv_obj_set_style_local_value_align(bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, LV_ALIGN_OUT_BOTTOM_MID);
  lv_obj_set_style_local_value_ofs_y(bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, LV_DPI / 20);
  lv_obj_set_style_local_margin_bottom(bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, LV_DPI / 7);
  lv_obj_align(bar, NULL, LV_ALIGN_CENTER, 0, 0);

  lv_obj_t * led_h = lv_cont_create(parent, NULL);
  lv_cont_set_layout(led_h, LV_LAYOUT_PRETTY_MID);
  if (disp_size <= LV_DISP_SIZE_SMALL) lv_obj_set_width(led_h, lv_page_get_width_grid(parent, 1, 1));
  else if (disp_size <= LV_DISP_SIZE_MEDIUM) lv_obj_set_width(led_h, lv_page_get_width_grid(parent, 2, 1));
  else lv_obj_set_width(led_h, lv_page_get_width_grid(parent, 3, 1));

  lv_obj_set_height(led_h, lv_obj_get_height(bar_h));
  lv_obj_add_style(led_h, LV_CONT_PART_MAIN, &style_box);
  lv_obj_set_drag_parent(led_h, true);
  lv_obj_set_style_local_value_str(led_h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "LEDs");

  lv_obj_t * led = lv_led_create(led_h, NULL);
  lv_coord_t led_size = lv_obj_get_height_fit(led_h);
  lv_obj_set_size(led, led_size, led_size);
  lv_led_off(led);

  led = lv_led_create(led_h, led);
  lv_led_set_bright(led, (LV_LED_BRIGHT_MAX - LV_LED_BRIGHT_MIN) / 2 + LV_LED_BRIGHT_MIN);

  led = lv_led_create(led_h, led);
  lv_led_on(led);

  if (disp_size == LV_DISP_SIZE_MEDIUM) {
    lv_obj_add_protect(led_h, LV_PROTECT_POS);
    lv_obj_align(led_h, bar_h, LV_ALIGN_OUT_BOTTOM_MID, 0, lv_obj_get_style_margin_top(led_h, LV_OBJ_PART_MAIN) + lv_obj_get_style_pad_inner(parent, LV_PAGE_PART_SCROLLABLE));
  }

  lv_task_create(bar_anim, 100, LV_TASK_PRIO_LOW, bar);
}


static void selectors_create(lv_obj_t * parent)
{
  lv_page_set_scrl_layout(parent, LV_LAYOUT_PRETTY_MID);

  lv_disp_size_t disp_size = lv_disp_get_size_category(NULL);
  lv_coord_t grid_h = lv_page_get_height_grid(parent, 1, 1);
  lv_coord_t grid_w;
  if (disp_size <= LV_DISP_SIZE_SMALL) grid_w = lv_page_get_width_grid(parent, 1, 1);
  else grid_w = lv_page_get_width_grid(parent, 2, 1);

  lv_obj_t * cal = lv_calendar_create(parent, NULL);
  lv_obj_set_drag_parent(cal, true);
  if (disp_size > LV_DISP_SIZE_MEDIUM) {
    lv_obj_set_size(cal, LV_MATH_MIN(grid_h, grid_w), LV_MATH_MIN(grid_h, grid_w));
  } else {
    lv_obj_set_size(cal, grid_w, grid_w);
    if (disp_size <= LV_DISP_SIZE_SMALL) {
      lv_obj_set_style_local_text_font(cal, LV_CALENDAR_PART_BG, LV_STATE_DEFAULT, lv_theme_get_font_small());
    }
  }

  static lv_calendar_date_t hl[] = {
    {.year = 2020, .month = 1, .day = 5},
    {.year = 2020, .month = 1, .day = 9},
  };


  lv_obj_t * btn;
  lv_obj_t * h = lv_cont_create(parent, NULL);
  lv_obj_set_drag_parent(h, true);
  if (disp_size <= LV_DISP_SIZE_SMALL) {
    lv_cont_set_fit2(h, LV_FIT_NONE, LV_FIT_TIGHT);
    lv_obj_set_width(h, lv_page_get_width_fit(parent));
    lv_cont_set_layout(h, LV_LAYOUT_COLUMN_MID);
  } else if (disp_size <= LV_DISP_SIZE_MEDIUM) {
    lv_obj_set_size(h, lv_obj_get_width(cal), lv_obj_get_height(cal));
    lv_cont_set_layout(h, LV_LAYOUT_PRETTY_TOP);
  } else {
    lv_obj_set_click(h, false);
    lv_obj_set_style_local_bg_opa(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_TRANSP);
    lv_obj_set_style_local_border_opa(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_TRANSP);
    lv_obj_set_style_local_pad_left(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, 0);
    lv_obj_set_style_local_pad_right(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, 0);
    lv_obj_set_style_local_pad_top(h, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, 0);
    lv_obj_set_size(h, LV_MATH_MIN(grid_h, grid_w), LV_MATH_MIN(grid_h, grid_w));
    lv_cont_set_layout(h, LV_LAYOUT_PRETTY_TOP);
  }


  lv_obj_t * roller = lv_roller_create(h, NULL);
  lv_obj_add_style(roller, LV_CONT_PART_MAIN, &style_box);
  lv_obj_set_style_local_value_str(roller, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Roller");
  lv_roller_set_auto_fit(roller, false);
  lv_roller_set_align(roller, LV_LABEL_ALIGN_CENTER);
  lv_roller_set_visible_row_count(roller, 4);
  lv_obj_set_width(roller, lv_obj_get_width_grid(h, disp_size <= LV_DISP_SIZE_SMALL ? 1 : 2, 1));

  lv_obj_t * dd = lv_dropdown_create(h, NULL);
  lv_obj_add_style(dd, LV_CONT_PART_MAIN, &style_box);
  lv_obj_set_style_local_value_str(dd, LV_CONT_PART_MAIN, LV_STATE_DEFAULT, "Dropdown");
  lv_obj_set_width(dd, lv_obj_get_width_grid(h, disp_size <= LV_DISP_SIZE_SMALL ? 1 : 2, 1));
  lv_dropdown_set_options(dd, "Alpha\nBravo\nCharlie\nDelta\nEcho\nFoxtrot\nGolf\nHotel\nIndia\nJuliette\nKilo\nLima\nMike\nNovember\n"
                          "Oscar\nPapa\nQuebec\nRomeo\nSierra\nTango\nUniform\nVictor\nWhiskey\nXray\nYankee\nZulu");

  lv_obj_t * list = lv_list_create(parent, NULL);
  lv_list_set_scroll_propagation(list, true);
  lv_obj_set_size(list, grid_w, grid_h);

  const char * txts[] = {LV_SYMBOL_SAVE, "Save", LV_SYMBOL_CUT, "Cut", LV_SYMBOL_COPY, "Copy",
                         LV_SYMBOL_OK, "This is a substantially long text to scroll on the list", LV_SYMBOL_EDIT, "Edit", LV_SYMBOL_WIFI, "Wifi",
                         LV_SYMBOL_BLUETOOTH, "Bluetooth",  LV_SYMBOL_GPS, "GPS", LV_SYMBOL_USB, "USB",
                         LV_SYMBOL_SD_CARD, "SD card", LV_SYMBOL_CLOSE, "Close", NULL
                        };

  uint32_t i;
  for (i = 0; txts[i] != NULL; i += 2) {
    btn = lv_list_add_btn(list, txts[i], txts[i + 1]);
    lv_btn_set_checkable(btn, true);

    /*Make a button disabled*/
    if (i == 4) {
      lv_btn_set_state(btn, LV_BTN_STATE_DISABLED);
    }
  }

  lv_calendar_set_highlighted_dates(cal, hl, 2);


  static lv_style_t style_cell4;
  lv_style_init(&style_cell4);
  lv_style_set_bg_opa(&style_cell4, LV_STATE_DEFAULT, LV_OPA_50);
  lv_style_set_bg_color(&style_cell4, LV_STATE_DEFAULT, LV_COLOR_GRAY);

  lv_obj_t * page = lv_page_create(parent , NULL);
  lv_obj_set_size(page, grid_w, grid_h);
  lv_coord_t table_w_max = lv_page_get_width_fit(page);
  lv_page_set_scroll_propagation(page, true);

  lv_obj_t * table1 = lv_table_create(page, NULL);
  lv_obj_add_style(table1, LV_TABLE_PART_CELL4, &style_cell4);
  /*Clean the background style of the table because it is placed on a page*/
  lv_obj_clean_style_list(table1, LV_TABLE_PART_BG);
  lv_obj_set_drag_parent(table1, true);
  lv_obj_set_event_cb(table1, table_event_cb);
  lv_table_set_col_cnt(table1, disp_size > LV_DISP_SIZE_SMALL ? 3 : 2);
  if (disp_size > LV_DISP_SIZE_SMALL) {
    lv_table_set_col_width(table1, 0, LV_MATH_MAX(30, 1 * table_w_max  / 5));
    lv_table_set_col_width(table1, 1, LV_MATH_MAX(60, 2 * table_w_max / 5));
    lv_table_set_col_width(table1, 2, LV_MATH_MAX(60, 2 * table_w_max / 5));
  } else {
    lv_table_set_col_width(table1, 0, LV_MATH_MAX(30, 1 * table_w_max  / 4 - 1));
    lv_table_set_col_width(table1, 1, LV_MATH_MAX(60, 3 * table_w_max / 4 - 1));
  }

  lv_table_set_cell_value(table1, 0, 0, "#");
  lv_table_set_cell_value(table1, 1, 0, "1");
  lv_table_set_cell_value(table1, 2, 0, "2");
  lv_table_set_cell_value(table1, 3, 0, "3");
  lv_table_set_cell_value(table1, 4, 0, "4");
  lv_table_set_cell_value(table1, 5, 0, "5");
  lv_table_set_cell_value(table1, 6, 0, "6");

  lv_table_set_cell_value(table1, 0, 1, "NAME");
  lv_table_set_cell_value(table1, 1, 1, "Mark");
  lv_table_set_cell_value(table1, 2, 1, "Jacob");
  lv_table_set_cell_value(table1, 3, 1, "John");
  lv_table_set_cell_value(table1, 4, 1, "Emily");
  lv_table_set_cell_value(table1, 5, 1, "Ivan");
  lv_table_set_cell_value(table1, 6, 1, "George");

  if (disp_size > LV_DISP_SIZE_SMALL) {
    lv_table_set_cell_value(table1, 0, 2, "CITY");
    lv_table_set_cell_value(table1, 1, 2, "Moscow");
    lv_table_set_cell_value(table1, 2, 2, "New York");
    lv_table_set_cell_value(table1, 3, 2, "Oslo");
    lv_table_set_cell_value(table1, 4, 2, "London");
    lv_table_set_cell_value(table1, 5, 2, "Texas");
    lv_table_set_cell_value(table1, 6, 2, "Athen");
  }
}

static void slider_event_cb(lv_obj_t * slider, lv_event_t e)
{
  if (e == LV_EVENT_VALUE_CHANGED) {
    if (lv_slider_get_type(slider) == LV_SLIDER_TYPE_NORMAL) {
      static char buf[16];
      lv_snprintf(buf, sizeof(buf), "%d", lv_slider_get_value(slider));
      lv_obj_set_style_local_value_str(slider, LV_SLIDER_PART_KNOB, LV_STATE_DEFAULT, buf);
    } else {
      static char buf[32];
      lv_snprintf(buf, sizeof(buf), "%d-%d", lv_slider_get_left_value(slider), lv_slider_get_value(slider));
      lv_obj_set_style_local_value_str(slider, LV_SLIDER_PART_INDIC, LV_STATE_DEFAULT, buf);
    }

  }

}

static void ta_event_cb(lv_obj_t * ta, lv_event_t e)
{
  if (e == LV_EVENT_RELEASED) {
    if (kb == NULL) {
      lv_coord_t kb_height = LV_MATH_MIN(LV_VER_RES / 2, LV_DPI * 4 / 3);
      lv_obj_set_height(tv, LV_VER_RES - kb_height);
      kb = lv_keyboard_create(lv_scr_act(), NULL);
      lv_obj_set_height(kb, kb_height);
      lv_obj_align(kb, NULL, LV_ALIGN_IN_BOTTOM_MID, 0, 0);
      lv_obj_set_event_cb(kb, kb_event_cb);

      lv_indev_wait_release(lv_indev_get_act());
    }
    lv_textarea_set_cursor_hidden(ta, false);
    lv_page_focus(t1, lv_textarea_get_label(ta), LV_ANIM_ON);
    lv_keyboard_set_textarea(kb, ta);
  } else if (e == LV_EVENT_DEFOCUSED) {
    lv_textarea_set_cursor_hidden(ta, true);
  }
}


static void kb_event_cb(lv_obj_t * _kb, lv_event_t e)
{
  lv_keyboard_def_event_cb(kb, e);

  if (e == LV_EVENT_CANCEL) {
    if (kb) {
      lv_obj_set_height(tv, LV_VER_RES);
      lv_obj_del(kb);
      kb = NULL;
    }
  }
}


static void bar_anim(lv_task_t * t)
{
  static uint32_t x = 0;
  lv_obj_t * bar = (lv_obj_t *) t->user_data;

  static char buf[64];
  lv_snprintf(buf, sizeof(buf), "Copying %d/%d", x, lv_bar_get_max_value(bar));
  lv_obj_set_style_local_value_str(bar, LV_BAR_PART_BG, LV_STATE_DEFAULT, buf);

  lv_bar_set_value(bar, x, LV_ANIM_OFF);
  x++;
  if (x > lv_bar_get_max_value(bar)) x = 0;
}

static void arc_anim(lv_obj_t * arc, lv_anim_value_t value)
{
  lv_arc_set_end_angle(arc, value);

  static char buf[64];
  lv_snprintf(buf, sizeof(buf), "%d", value);
  lv_obj_t * label = lv_obj_get_child(arc, NULL);
  lv_label_set_text(label, buf);
  lv_obj_align(label, arc, LV_ALIGN_CENTER, 0, 0);

}

static void linemeter_anim(lv_obj_t * linemeter, lv_anim_value_t value)
{
  lv_linemeter_set_value(linemeter, value);

  static char buf[64];
  lv_snprintf(buf, sizeof(buf), "%d", value);
  lv_obj_t * label = lv_obj_get_child(linemeter, NULL);
  lv_label_set_text(label, buf);
  lv_obj_align(label, linemeter, LV_ALIGN_CENTER, 0, 0);
}

static void gauge_anim(lv_obj_t * gauge, lv_anim_value_t value)
{
  lv_gauge_set_value(gauge, 0, value);

  static char buf[64];
  lv_snprintf(buf, sizeof(buf), "%d", value);
  lv_obj_t * label = lv_obj_get_child(gauge, NULL);
  lv_label_set_text(label, buf);
  lv_obj_align(label, gauge, LV_ALIGN_IN_TOP_MID, 0, lv_obj_get_y(label));
}

static void table_event_cb(lv_obj_t * table, lv_event_t e)
{
  if (e == LV_EVENT_CLICKED) {
    uint16_t row;
    uint16_t col;
    lv_res_t r = lv_table_get_pressed_cell(table, &row, &col);
    if (r == LV_RES_OK && col && row) { /*Skip the first row and col*/
      if (lv_table_get_cell_type(table, row, col) == 1) {
        lv_table_set_cell_type(table, row, col, 4);
      } else {
        lv_table_set_cell_type(table, row, col, 1);
      }
    }
  }
}

#if LV_USE_THEME_MATERIAL
static void color_chg_event_cb(lv_obj_t * sw, lv_event_t e)
{
  if (LV_THEME_DEFAULT_INIT != lv_theme_material_init) return;
  if (e == LV_EVENT_VALUE_CHANGED) {
    uint32_t flag = LV_THEME_MATERIAL_FLAG_LIGHT;
    if (lv_switch_get_state(sw)) flag = LV_THEME_MATERIAL_FLAG_DARK;

    LV_THEME_DEFAULT_INIT(lv_theme_get_color_primary(), lv_theme_get_color_secondary(),
                          flag,
                          lv_theme_get_font_small(), lv_theme_get_font_normal(), lv_theme_get_font_subtitle(), lv_theme_get_font_title());
  }
}
#endif



static void tab_content_anim_create(lv_obj_t * parent)
{
  lv_anim_t a;
  lv_obj_t * scrl = lv_page_get_scrl(parent);
  lv_coord_t y_start = lv_obj_get_style_pad_top(parent, LV_PAGE_PART_BG);
  lv_coord_t anim_h = lv_obj_get_height(scrl) - lv_obj_get_height_fit(parent);
  uint32_t anim_time = lv_anim_speed_to_time(LV_DPI, 0, anim_h);

  lv_anim_init(&a);
  lv_anim_set_var(&a, scrl);
  lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)lv_obj_set_y);
  lv_anim_set_values(&a, y_start, y_start - anim_h);
  lv_anim_set_time(&a, anim_time);
  lv_anim_set_playback_time(&a, anim_time);
  lv_anim_set_playback_delay(&a, 200);
  lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
  lv_anim_set_repeat_delay(&a, 200);
  lv_anim_start(&a);
}
static void tab_changer_task_cb(lv_task_t * task)
{
  uint16_t act = lv_tabview_get_tab_act(tv);
  act++;
  if (act >= 3) act = 0;

  lv_tabview_set_tab_act(tv, act, LV_ANIM_ON);

  switch (act) {
    case 0:
      tab_content_anim_create(t1);
      break;
    case 1:
      tab_content_anim_create(t2);
      break;
    case 2:
      tab_content_anim_create(t3);
      break;
  }
}
void setup() {
  //屏幕背光采用PWM调光
  ledcSetup(10, 5000/*freq*/, 10 /*resolution*/);
  ledcAttachPin(TFT_BL, 10);
  analogReadResolution(10);
  ledcWrite(10, 1023);

  Serial.begin(115200); /* prepare for possible serial debug */

  lv_init();
  //屏幕初始化
  tft.begin(); /* TFT init */
  tft.setRotation(1);
  //触摸初始化
  touch.setCal(481, 3395, 755, 3487, 480, 320, 1);
  //旋转
  touch.setRotation(3);

  //  lv_disp_buf_init(&disp_buf, buf, NULL, LV_HOR_RES_MAX * 10);
  lv_disp_buf_init(&disp_buf, buf, NULL,buf);
  //显示刷新接口
  lv_disp_drv_t disp_drv;
  lv_disp_drv_init(&disp_drv);
  disp_drv.hor_res = screenWidth;
  disp_drv.ver_res = screenHeight;
  disp_drv.flush_cb = my_disp_flush;
  disp_drv.buffer = &disp_buf;
  lv_disp_drv_register(&disp_drv);

  //触摸板输入接口
  lv_indev_drv_t indev_drv;
  lv_indev_drv_init(&indev_drv);             /*Descriptor of a input device driver*/
  indev_drv.type = LV_INDEV_TYPE_POINTER;    /*Touch pad is a pointer-like device*/
  indev_drv.read_cb = my_touchpad_read;      /*Set your driver function*/
  lv_indev_drv_register(&indev_drv);         /*Finally register the driver*/

  lv_demo_widgets();

  date = millis();
}

void loop() {
  lv_task_handler(); /* let the GUI do its work */
  // if (millis() - date > 1000)
  // {
  //   date = millis();
  //   Serial.println(ESP.getFreeHeap());//注释的这一段是为了判断还有多少RAM
  
  // }
}

至于照片和视频。我试试看用移动端修改。