ESP32 Дешевый желтый дисплей (CYD) – Полное руководство по началу работы

Ищу все в одном Плата разработки ESP32 со встроенным сенсорным экраном Хотите создавать графические пользовательские интерфейсы (GUI) для своих IoT-проектов? Дешевый желтый дисплей ESP32 (CYD), официально известный как ESP32-2432S028R, Это самый популярный и экономичный вариант среди разработчиков. В этом руководстве вы найдете всю необходимую информацию — от технических характеристик оборудования и мест его приобретения до установки библиотек и проведения первого теста сенсорного экрана.

Почему стоит выбрать именно этот вариант? Дешевый желтый дисплей ESP32 (CYD)?

Он ESP32-2432S028R заслужил свое прозвище “Дешевый желтый дисплей”И на то есть веские причины. В нем интегрирован мощный Модуль ESP32-WROOM-32 с 2,8-дюймовый сенсорный TFT-экран На одной плате, что избавляет от необходимости подключать отдельные дисплеи. Это делает его идеальным для:

• Контроллеры для умного дома

• Промышленные панели управления

• Портативные инструменты

• Интерактивные художественные проекты

• Любой проект, требующий графического пользовательского интерфейса (GUI).

По сравнению с использованием отдельного ESP32 плата и TFT-экран CYD является более удобный, компактный и надежный—все компоненты предварительно интегрированы и протестированы.

ESP32 CYD Технические характеристики вкратце

Ниже приведены подробные технические характеристики этой универсальной платы разработки:

Контакты RGB-светодиода:

• Красный: GPIO 4

• Зелёный: GPIO 16

• Синий: GPIO 17

Полную схему расположения контактов можно найти в нашем каталоге. Схема расположения контактов недорогого желтого дисплея (CYD) для ESP32.

Где купить ESP32? CYD

Готовы начать? Дешевый желтый дисплей для ESP32 широко доступен в различных интернет-магазинах. Цены и сроки доставки различаются, поэтому стоит сравнить:

👉 Нажмите здесь, чтобы проверить актуальные цены и купить ESP32 CYD

*К популярным продавцам относятся AliExpress, Amazon и eBay — ищите объявления с хорошими рейтингами и “ESP32-2432S028R”» в заголовке.*

Начало работы: Настройка Arduino IDE

Он ESP32 Обмен данными с дисплеем и сенсорным экраном осуществляется по протоколу SPI. Мы будем использовать две надежные библиотеки:

• TFT_eSPI Автор: Бодмер – для экспозиции

• XPT2046_Сенсорный экран Пол Стоффреген – для сенсорного ввода

Шаг 1: Установите необходимые библиотеки.

Откройте Arduino IDE и перейдите в Sketch > Добавить библиотеку > Управление библиотеками.

• Искать “TFT_eSPI” и установите последнюю версию от Bodmer.

• Искать “XPT2046_Сенсорный экран” и установите библиотеку Пола Стоффрегена.

Шаг 2: Настройка библиотеки TFT_eSPI (Крайне важный шаг!)

Он Для работы библиотеки TFT_eSPI требуется специальный конфигурационный файл. (User_Setup.h) для корректной работы с CYD. Файл по умолчанию будет нет Работает. Вам необходимо заменить его нашей пользовательской версией.

⚠️ ВАЖНО: Использование любого другого User_Setup.h Файл, скачанный из интернета, скорее всего, вызовет ошибки компиляции. Всегда используйте именно тот файл, который указан ниже.

Загрузите файл Custom User_Setup.h

⬇️ Загрузите файл User_Setup.h, специфичный для CYD (автор: Руи Сантос/Random Nerd Tutorials). 

Инструкция по установке

Для Windows:

1. В среде разработки Arduino IDE перейдите в Файл > Настройки и скопируйте путь к папке “Sketchbook” (например, C:\Users\YourName\Documents\Arduino).

2. Откройте Проводник и перейдите в эту папку, затем откройте... библиотеки папка.

3. Откройте TFT_eSPI папка.

4. Замените существующий файл User_Setup.h файлом, извлеченным из архива.

Для Mac:

1. В среде разработки Arduino IDE перейдите в Настройки и скопируйте путь к папке “Sketchbook” (например, /Users/YourName/Documents/Arduino).

2. В Finder перейдите в эту папку, затем откройте её. библиотеки папка.

3. Откройте TFT_eSPI папка.

4. Замените существующий файл User_Setup.h файлом, извлеченным из архива.

Примечание: Если вы когда-либо обновите библиотеку TFT_eSPI, вам потребуется повторить этот шаг настройки.

Проверьте настройки: отображение текста и сенсорное управление.

После установки и настройки библиотек загрузите этот тестовый скетч, чтобы убедиться в его работоспособности.

Полный тестовый код

/* Тест начала работы с ESP32 CYD
    Отображает текст и выводит координаты касания на экран и в последовательный монитор. Полное руководство: https://RandomNerdTutorials.com/cyd/ */

#включать <SPI.h>
#включать <TFT_eSPI.h>               // Отображение библиотеки
#включать <XPT2046_Touchscreen.h>    // Библиотека сенсорного управления

TFT_eSPI tft = TFT_eSPI();

// Определения PIN-кодов сенсорного экрана для CYD
#определять XPT2046_IRQ 36
#определять XPT2046_MOSI 32
#определять XPT2046_MISO 39
#определять XPT2046_CLK 25
#определять XPT2046_CS 33

Сенсорный экран SPIClass SPI = SPIClass(ВСПИ);
XPT2046_Сенсорный экран сенсорный экран(XPT2046_CS, XPT2046_IRQ);

#определять ШИРИНА_ЭКРАНА 320
#определять ВЫСОТА_ЭКРАНА 240
#определять FONT_SIZE 2

инт touchX, touchY, touchZ;

пустота printTouchToSerial(инт x, инт y, инт z) {
  Серийный номер.печать(""X = ""); Серийный номер.печать(x);
  Серийный номер.печать("" | Y = ""); Серийный номер.печать(y);
  Серийный номер.печать("" | Давление = ""); Серийный номер.println(z);
}

пустота printTouchToDisplay(инт x, инт y, инт z) {
  тфт.fillScreen(TFT_WHITE);
  тфт.setTextColor(TFT_BLACK, TFT_WHITE);

  инт центрX = ШИРИНА_ЭКРАНА / 2;
  инт текстY = 80;

  тфт.drawCentreString(""X = "" + Нить(x), центрX, текстY, FONT_SIZE);
  текстY += 20;
  тфт.drawCentreString(""Y = "" + Нить(y), центрX, текстY, FONT_SIZE);
  текстY += 20;
  тфт.drawCentreString(""Давление = "" + Нить(z), центрX, текстY, FONT_SIZE);
}

пустота настраивать() {
  Серийный номер.начинать(115200);
  Серийный номер.println(""ESP32 CYD запускается..."");

  // Инициализация сенсорного экрана
  сенсорный экранSPI.начинать(XPT2046_CLK, XPT2046_MISO, XPT2046_MOSI, XPT2046_CS);
  сенсорный экран.начинать(сенсорный экранSPI);
  // Установите альбомную ориентацию (попробуйте 3, если касания отображаются в обратном порядке)
  сенсорный экран.setRotation(1);

  // Инициализация дисплея
  тфт.инициализация();
  тфт.setRotation(1);  // Горизонтальный режим
  тфт.fillScreen(TFT_WHITE);
  тфт.setTextColor(TFT_BLACK, TFT_WHITE);

  инт центрX = ШИРИНА_ЭКРАНА / 2;
  инт центрY = ВЫСОТА_ЭКРАНА / 2;
  тфт.drawCentreString(""Привет, CYD!"", центрX, 30, FONT_SIZE);
  тфт.drawCentreString(""Проверка на ощупь"", центрX, центрY, FONT_SIZE);
}

пустота петля() {
  если (сенсорный экран.tirqTouched() && сенсорный экран.тронут()) {
    TS_Point p = сенсорный экран.получить точку();

    // Сопоставление исходных значений касания с экранными координатами
    // Эти значения подходят для большинства досок CYD; при необходимости отрегулируйте их.
    touchX = карта(p.x, 200, 3700, 1, ШИРИНА_ЭКРАНА);
    touchY = карта(p.y, 240, 3800, 1, ВЫСОТА_ЭКРАНА);
    touchZ = p.z;

    printTouchToSerial(touchX, touchY, touchZ);
    printTouchToDisplay(touchX, touchY, touchZ);

    задерживать(100);  // Простая задержка
  }
}

Чего ожидать

1. После загрузки на экране отображается следующее: “Привет, CYD!” и “Проверка на ощупь”.

2. Откройте монитор последовательного порта (установите значение на 115200 бод).

3. Коснитесь любого места на экране — изображение на дисплее обновится. Координаты X, Y и значение давления..

4. Те же данные отображаются в мониторе последовательного порта.

Если кажется, что касания выполнены неправильно:

• Попробуйте изменить touchscreen.setRotation(1) к 3 в настраивать().

• Отрегулируйте значения сопоставления в map() функции.

Следующие шаги: Что вы можете построить?

Теперь, когда ваша система CYD работает, возможности безграничны:

• Сенсорная кнопка включения/выключения – Управление светодиодом с помощью графической кнопки.

• Проекты графического интерфейса пользователя на основе LVGL – Создавайте профессиональные интерфейсы с кнопками, ползунками и анимацией.

• Калибровка сенсорного экрана – Повышение точности сенсорного ввода для высокоточных приложений.

• Настройка VS Code + PlatformIO – Перейти в среду профессионального развития.

Заключение

Он Дешевый желтый дисплей ESP32 (CYD) Предлагает непревзойденное сочетание функций, производительности и цены для любого проекта, требующего сенсорного интерфейса. С помощью этого руководства вы успешно настроили свою плату и проверили ее работу — теперь пора приступать к творчеству!

👉 Приобретите ESP32 CYD сегодня и присоединитесь к тысячам энтузиастов, создающих потрясающие проекты!

Свяжитесь с нами