• The MaTouch ESP32 S3 2.1 Rotary TFT with Touch is not compatible with the TFT_eSPI library, so I use the GFX_Library_of_Arduino library instead of the driver.

Since I did not use the TFT_eSPI library, it is needed to delete or comment all the codes related to the TFT_eSPI library.

#include <tft_espi.h>

TFT_eSPI tft = TFT_eSPI(screenWidth, screenHeight); /* TFT instance */

    tft.startWrite();
    tft.setAddrWindow( area->x1, area->y1, w, h );
    tft.pushColors( ( uint16_t * )&color_p->full, w * h, true );
    tft.endWrite();

    tft.begin();          /* TFT init */
    tft.setRotation( 3 ); /* Landscape orientation, flipped */</tft_espi.h>

When I use the GFX library， it is needed to define the GFX Library For the Arduino Interface pin.

Arduino_ESP32RGBPanel *bus = new Arduino_ESP32RGBPanel(
    1 /* CS */, 46 /* SCK */, 0 /* SDA */,
    2 /* DE */, 42 /* VSYNC */, 3 /* HSYNC */, 45 /* PCLK */,
    11 /* R0 */, 15 /* R1 */, 12 /* R2 */, 16 /* R3 */, 21 /* R4 */,
    39 /* G0/P22 */, 7 /* G1/P23 */, 47 /* G2/P24 */, 8 /* G3/P25 */, 48 /* G4/P26 */, 9 /* G5 */,
    4 /* B0 */, 41 /* B1 */, 5 /* B2 */, 40 /* B3 */, 6 /* B4 */
);

// Uncomment for 2.1" round display
Arduino_ST7701_RGBPanel *gfx = new Arduino_ST7701_RGBPanel(
    bus, GFX_NOT_DEFINED /* RST */, 0 /* rotation */,
    false /* IPS */, 480 /* width */, 480 /* height */,
    st7701_type5_init_operations, sizeof(st7701_type5_init_operations),
    true /* BGR */,
    10 /* hsync_front_porch */, 8 /* hsync_pulse_width */, 50 /* hsync_back_porch */,
    10 /* vsync_front_porch */, 8 /* vsync_pulse_width */, 20 /* vsync_back_porch */);

• Modify the touchpad function according to the pre-set functions in touch.h, and pass the state of the touchpad to the LVGL graphics library.

  void my_touchpad_read( lv_indev_drv_t * indev_driver, lv_indev_data_t * data )
  {
     int touchX = 0, touchY = 0;
  
      if (read_touch(&touchX, &touchY) == 1)
      {
          data->state = LV_INDEV_STATE_PR;
  
          data->point.x = (uint16_t)touchX;
          data->point.y = (uint16_t)touchY;
      }
      else
      {
          data->state = LV_INDEV_STATE_REL;
      }
  }

• Initialising the input device，and we need to associate the encoder with the color wheel

To create a group use lv_group_t * g = lv_group_create(), to add an object to the group use lv_group_add_obj(g, obj), and to associate a group with an input device use lv_indev_set_group(indev, g)

/*Initialize the (dummy) input device driver*/
    static lv_indev_drv_t indev_drv;
    lv_indev_drv_init(&indev_drv);
    indev_drv.type = LV_INDEV_TYPE_POINTER;
    indev_drv.read_cb = my_touchpad_read;
    lv_indev_drv_register(&indev_drv);


    // encoder
    static lv_indev_drv_t indev_drv2;
    lv_indev_drv_init(&indev_drv2);
    indev_drv2.type = LV_INDEV_TYPE_ENCODER;
    indev_drv2.read_cb = my_encoder_read;
    lv_indev_t *encoder_indev = lv_indev_drv_register(&indev_drv2);

    lv_group_t *g = lv_group_create();
    lv_group_add_obj(g, ui_Colorwheel1);
    lv_indev_set_group(encoder_indev, g);

• Encoder pin level change triggers interrupt to change color wheel value

void pin_init()
{
    pinMode(TFT_BL, OUTPUT);
    digitalWrite(TFT_BL, HIGH);


    pinMode(ENCODER_CLK, INPUT_PULLUP);
    pinMode(ENCODER_DT, INPUT_PULLUP);
    old_State = digitalRead(ENCODER_CLK);


    attachInterrupt(ENCODER_CLK, encoder_irq, CHANGE);


    Wire.begin(I2C_SDA_PIN, I2C_SCL_PIN);
}

void encoder_irq()
{
    State = digitalRead(ENCODER_CLK);
    if (State != old_State)
    {
        if (digitalRead(ENCODER_DT) == State)
        {
            counter++;
        }
        else
        {
            counter--;
        }
    }
    old_State = State; // the first position was changed
}

void my_encoder_read(lv_indev_drv_t *drv, lv_indev_data_t *data)
{
    if (counter > 0)
    {
        data->state = LV_INDEV_STATE_PRESSED;
        data->key = LV_KEY_LEFT;
        counter--;
        move_flag = 1;
    }


    else if (counter < 0)
    {
        data->state = LV_INDEV_STATE_PRESSED;
        data->key = LV_KEY_RIGHT;
        counter++;
        move_flag = 1;
    }
    else
    {
        data->state = LV_INDEV_STATE_RELEASED;
    }


    // if (enc_pressed())
    //     data->state = LV_INDEV_STATE_PRESSED;
    // else
    //     data->state = LV_INDEV_STATE_RELEASED;
}

• Getting color wheel colous and displaying it on WS2812 LEDs.

  #define WS2812_PIN RX_PIN
  #define NUMPIXELS 20
  
  color_status = lv_color_to32(lv_colorwheel_get_rgb(ui_Colorwheel1));
  
  
      pixels.begin();
      pixels.setBrightness(60);
      pixels.clear();
      pixels.show();
  
  void fresh_led()
  {
      if (light_flag == 0)
      {
          pixels.clear(); // Set all pixel colors to 'off'
          pixels.show();
      }
  
  
      else
      {
          for (int i = 0; i < NUMPIXELS - 4; i++)
          { // For each pixel...
  
  
              // pixels.Color() takes RGB values, from 0,0,0 up to 255,255,255
              // Here we're using a moderately bright green color:
              // pixels.setPixelColor(i, pixels.Color(0, 150, 0));
  
  
              pixels.setPixelColor(i, color_status);
  
  
              pixels.show(); // Send the updated pixel colors to the hardware.
  
  
              // vTaskDelay(DELAYVAL); // Pause before next pass through loop
          }
      }
  }
  

• Setting the timer function

  long runtime = 0;
  long led_runtime = 0;
  long status_runtime = 0;
  void Task_main(void *pvParameters)
  {
      while (1)
      {
          if (move_flag == 1)
              if ((millis() - runtime) > 500)
              {
  
  
                  fresh_led();
                  move_flag = 0;
  
  
                  runtime = millis();
              }
  
  
          if (clock_flag == 1)
          {
              clock_status = 1;
              clock_flag = 0;
              led_runtime = millis();
          }
          if (clock_status == 1)
          {
              if ((millis() - status_runtime) > 500)
              {
                  int remain_time = clock_count - (millis() - led_runtime) / 1000;
                  if (remain_time > 0)
                  {
                      char c[20];
                      sprintf(c, "Remain: %4d s", remain_time);
                      lv_label_set_text(ui_Label5, c);
                  }
                  else
                  {
                      light_flag = 0;
                      move_flag = 1;
                      clock_status = 0;
                      lv_label_set_text(ui_Label5, "Close");
                      lv_obj_clear_state(ui_Switch1, LV_STATE_CHECKED);
                  }
  
  
                  status_runtime = millis();
              }
          }
  
  
          vTaskDelay(10);
      }
  }
  

• The raw code