{"id":5162,"date":"2024-12-19T19:30:46","date_gmt":"2024-12-20T00:30:46","guid":{"rendered":"https:\/\/espacerm.com\/webgen\/?page_id=5162"},"modified":"2025-01-17T19:19:10","modified_gmt":"2025-01-18T00:19:10","slug":"ecran-waveshare-esp32-s3-touch-lcd-7","status":"publish","type":"page","link":"https:\/\/espacerm.com\/webgen\/ecran-waveshare-esp32-s3-touch-lcd-7\/","title":{"rendered":"\u00ab \u00c9cran WAVESHARE ESP32-S3 Touch LCD 7 \u00bb"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n
\n\n\n\n

R\u00c9F\u00c9RENCES<\/h2>\n\n\n\n

Intro :<\/strong> ESP32 with display, 7inch lcd, capacitive touch, supports wifi & bluetooth<\/a><\/p>\n\n\n\n

Infos techniques \u00c9cran WAVESHARE ESP32-S3 Touch LCD 7<\/a><\/p>\n\n\n\n

Wiki WAVESHARE ESP32-S3 Touch LCD 7<\/a><\/p>\n\n\n\n

Sch\u00e9ma ESP32-S3 Touch LCD 7 pdf<\/a><\/p>\n\n\n\n

Arduino Board Managers Tutorial<\/a> (install Online) (J’ai eu des probl\u00e8mes avec la version 3.0.2, tout va bien avec la version 3.1.1) <\/p>\n\n\n\n

D\u00e9mo et pilotes : ESP32-S3-Touch-LCD-7 Demo.zip<\/a><\/p>\n\n\n\n

Tutoriel de configuration : ESP32 avec \u00e9cran, \u00e9cran LCD tactile capacitif, 4,3 pouces, prend en charge le Wi-Fi et le Bluetooth<\/a> ( exemple : 4.3 pouces non B)<\/p>\n\n\n\n

\n\n\n\n

LVGL Documentation officielle<\/a><\/p>\n\n\n\n

\n\n\n\n

Waveshare SquareLine Studio<\/a><\/p>\n\n\n\n

\n\n\n\n

biblioth\u00e8ques esp-arduino\/Panneau d\u2019affichage ESP32<\/strong><\/a><\/p>\n\n\n\n

biblioth\u00e8ques esp-arduino\/ESP32_IO_Expander<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n

Mise en route du WAVESHARE ESP32-S3 Touch LCD 7<\/p>\n\n\n\n

\n\n\n\n

D\u00c9MARRAGE<\/strong><\/h2>\n\n\n\n

Le \u00ab WAVESHARE ESP32-S3 Touch LCD 7 \u00bb est livr\u00e9 avec un programme pr\u00e9install\u00e9. Relier le \u00ab WAVESHARE ESP32-S3 Touch LCD 7 \u00bb sur une source d’alimentation USB, le programme d\u00e9marre automatiquement.<\/p>\n\n\n\n

D\u00e9ballage et test du Waveshare ESP32-S3 Touch LCD 7 inches<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n
\n\n\n\n

IMPORTANT<\/strong> : Particularit\u00e9s de l’\u00e9cran WAVESHARE ESP32-S3 Touch LCD 7<\/h2>\n\n\n\n

Relier le c\u00e2ble USB sur le port identifi\u00e9 USB sur le circuit de l’\u00e9cran. Si l’ordinateur ne d\u00e9tecte pas la connexion, maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l’ordinateur. Ceci peut aider Windows \u00e0 d\u00e9tecter correctement le p\u00e9riph\u00e9rique et \u00e0 lui attribuer un port COM<\/p>\n\n\n\n

Une fois le transfert d’un programme termin\u00e9, d\u00e9brancher le port USB et rebrancher sans appuyer sur le bouton pour partir l’application.<\/p>\n\n\n\n

Impossible de voir les \u00abserialprint\u00bb dans le moniteur de l’IDE Arduino !<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n\n\n\n

INSTALLATION DE L’ENVIRONNEMENT ARDUINO<\/h2>\n\n\n\n

Se r\u00e9f\u00e9rer \u00e0 la partie Arduino de https:\/\/www.waveshare.com\/wiki\/ESP32-S3-Touch-LCD-7<\/a><\/p>\n\n\n\n

Ajout du package ESP32 version 3.1.1<\/h3>\n\n\n\n

Faire l’installation \u00ab En Ligne \u00bb du package_esp32 https:\/\/www.waveshare.com\/wiki\/Arduino_Board_Managers_Tutorial#tab1<\/a><\/p>\n\n\n\n

Installer esp32 par Espressif Systems la version 3.1.1<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Ajout de la biblioth\u00e8que ESP32-S3 Display<\/h3>\n\n\n\n

Fichiers sources : contenu de \u00ab librairies \u00bb de https:\/\/files.waveshare.com\/wiki\/ESP32-S3-Touch-LCD-7\/ESP32-S3-Touch-LCD-7-Demo.zip<\/a><\/p>\n\n\n\n

Copier les fichiers dans votre r\u00e9pertoire \u00ab librairies \u00bb d’Arduino (selon votre configuration \u00ab La localisation du croquis \u00bb).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Vid\u00e9o d’installation de la biblioth\u00e8que<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

La version lvgl 8.4.0 est alors install\u00e9e<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n\n\n\n

Essais de l’\u00e9cran WAVESHARE ESP32-S3 Touch LCD 7 avec les croquis de d\u00e9monstration<\/h2>\n\n\n\n

Fichiers sources : contenu de \u00ab examples \u00bb : https:\/\/files.waveshare.com\/wiki\/ESP32-S3-Touch-LCD-7\/ESP32-S3-Touch-LCD-7-Demo.zip<\/a><\/p>\n\n\n\n

Vid\u00e9o d’installation de la biblioth\u00e8que<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n

**** D\u00e9mo : DrawColorBar ****<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ouvrir \u00ab 08_DrawColorBar.ino \u00bb avec l’IDE Arduino <\/p>\n\n\n\n

D\u00e9brancher et rebrancher le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb du port USB de l’ordinateur. Maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l\u2019ordinateur.<\/strong>
<\/p>\n\n\n\n

S\u00e9lectionner la carte \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb et le port COM ad\u00e9quat<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Faire les s\u00e9lections ci-dessous<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


<\/p>\n\n\n\n

T\u00e9l\u00e9verser le programme dans le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb<\/p>\n\n\n\n

Retirer le c\u00e2ble USB de l’ordinateur et le rebrancher. L’application d\u00e9marre.<\/p>\n\n\n\n

Le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb affiche 3 barres de couleur gradu\u00e9es.<\/p>\n\n\n\n

<\/div>\n\n\n\n

**** D\u00e9mo : lvgl_Porting ****<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Ouvrir \u00ab 09_lvgl_Porting.ino \u00bb avec l’IDE Arduino <\/p>\n\n\n\n

Relier le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb sur le port USB de l’ordinateur. Maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l\u2019ordinateur.<\/strong><\/p>\n\n\n\n

S\u00e9lectionner la carte \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb et le port COM ad\u00e9quat<\/p>\n\n\n\n

Faire les s\u00e9lections ci-dessous<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

T\u00e9l\u00e9verser le programme dans le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb<\/p>\n\n\n\n

Retirer le c\u00e2ble USB de l’ordinateur et le rebrancher. L’application d\u00e9marre ( D\u00e9mo : lv_demo_widgets() ).<\/p>\n\n\n\n

Le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb affiche l’\u00e9cran d\u00e9mo inclus \u00e0 la livraison<\/p>\n\n\n\n

<\/div>\n\n\n\n

**** Autres d\u00e9mos ****<\/h3>\n\n\n\n

Il est possible de s\u00e9lectionner diff\u00e9rents d\u00e9mos dans le croquis \u00ab 09_lvgl_Porting.ino \u00bb.<\/p>\n\n\n\n

Modifier la ligne 96 et 97 comme suit : Ajouter \u00ab \/\/ \u00bb au d\u00e9but de la ligne 96 et enlever les \u00ab \/\/ \u00bb au d\u00e9but de la ligne 97<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

D\u00e9brancher et rebrancher le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb du port USB de l’ordinateur. Maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l\u2019ordinateur.<\/strong><\/p>\n\n\n\n

T\u00e9l\u00e9verser le programme dans le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb<\/p>\n\n\n\n

Retirer le c\u00e2ble USB de l’ordinateur et le rebrancher. L’application d\u00e9marre ( d\u00e9mo : lv_demo_benchmark() ).<\/p>\n\n\n\n

<\/div>\n\n\n\n

Exemples compris avec les d\u00e9mos<\/h3>\n\n\n\n

Il est possible de s\u00e9lectionner diff\u00e9rents exemples dans le croquis \u00ab 09_lvgl_Porting.ino \u00bb.<\/p>\n\n\n\n

Modifier les lignes 7, 20, 89 et 97 comme suit :<\/p>\n\n\n\n

    \n
  • Ajouter les \u00ab \/\/ \u00bb au d\u00e9but de la ligne 7 <\/li>\n\n\n\n
  • Enlever les \u00ab \/\/ \u00bb au d\u00e9but de la ligne 20<\/li>\n\n\n\n
  • Enlever les \u00ab \/\/ \u00bb au d\u00e9but de la ligne 89<\/li>\n\n\n\n
  • Ajouter les \u00ab \/\/ \u00bb au d\u00e9but de la ligne 97<\/li>\n<\/ul>\n\n\n\n

    D\u00e9brancher et rebrancher le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb du port USB de l’ordinateur. Maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l\u2019ordinateur.<\/strong><\/p>\n\n\n\n

    T\u00e9l\u00e9verser le programme dans le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb<\/p>\n\n\n\n

    Retirer le c\u00e2ble USB de l’ordinateur et le rebrancher. L’application d\u00e9marre ( Exemple : lv_example_btn_1() ).<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Autres exemples compris avec les d\u00e9mos<\/strong><\/h3>\n\n\n\n

    Les fichiers exemples se retrouvent dans le r\u00e9pertoire :<\/p>\n\n\n\n

    ESP32-S3-Touch-LCD-7-Demo (3)\\ESP32-S3-Touch-LCD-7-Demo\\Arduino\\libraries\\lvgl\\examples\\widgets\\<\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Modifier la ligne 89 en inscrivant l’exemple d\u00e9sir\u00e9 :<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    D\u00e9brancher et rebrancher le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb du port USB de l’ordinateur. Maintenir le bouton BOOT enfonc\u00e9 pendant la connexion du c\u00e2ble USB \u00e0 l\u2019ordinateur.<\/strong><\/p>\n\n\n\n

    T\u00e9l\u00e9verser le programme dans le \u00ab Waveshare ESP32-S3-Touch-LCD-7 \u00bb<\/p>\n\n\n\n

    Retirer le c\u00e2ble USB de l’ordinateur et le rebrancher. L’application d\u00e9marre (Exemple : lv_example_animing1() ).<\/p>\n\n\n\n

    <\/div>\n\n\n\n
    \n\n\n\n

    ROTATION DE L’AFFICHAGE<\/h2>\n\n\n\n

    Modifier la ligne 101 du fichier lvgl_v8.h<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    \n\n\n\n

    SOLUTION POUR LE MANQUE DE M\u00c9MOIRE<\/h2>\n\n\n\n

    Si le croquis est volumineux, il se peut que la m\u00e9moire soit insuffisante, dans ce cas une des solutions est de changer le partitionnement de la m\u00e9moire.<\/p>\n\n\n\n

    L’option Partition Scheme<\/strong> dans Arduino se r\u00e9f\u00e8re \u00e0 la mani\u00e8re dont la m\u00e9moire flash est divis\u00e9e pour une carte microcontr\u00f4leur, en particulier pour des cartes comme celles bas\u00e9es sur l’ESP32 ou l’ESP8266. Ces cartes disposent d’une m\u00e9moire flash qui peut \u00eatre partitionn\u00e9e de diff\u00e9rentes mani\u00e8res pour r\u00e9pondre aux besoins sp\u00e9cifiques d’une application.<\/p>\n\n\n\n

    Contexte<\/h3>\n\n\n\n

    Un microcontr\u00f4leur comme l’ESP32 poss\u00e8de une m\u00e9moire flash qui contient :<\/p>\n\n\n\n

      \n
    1. Le firmware<\/strong> : Le code que vous t\u00e9l\u00e9chargez et ex\u00e9cutez.<\/li>\n\n\n\n
    2. Le syst\u00e8me de fichiers<\/strong> : Pour stocker des fichiers comme des images, des donn\u00e9es ou des journaux.<\/li>\n\n\n\n
    3. Les donn\u00e9es d’utilisateur<\/strong> : Variables ou configurations sauvegard\u00e9es.<\/li>\n\n\n\n
    4. D’autres parties sp\u00e9cifiques<\/strong> : Comme la m\u00e9moire OTA (Over-The-Air updates) pour la mise \u00e0 jour \u00e0 distance.<\/li>\n<\/ol>\n\n\n\n

      La mani\u00e8re dont cet espace est partag\u00e9 est d\u00e9finie par le Partition Scheme<\/strong>.<\/p>\n\n\n\n

      \n\n\n\n

      Les diff\u00e9rentes options de Partition Scheme<\/h3>\n\n\n\n

      Voici les principales configurations disponibles (en fonction du mat\u00e9riel utilis\u00e9) :<\/p>\n\n\n\n

        \n
      1. Default (par d\u00e9faut)<\/strong> :\n
          \n
        • Espace \u00e9quilibr\u00e9 entre le firmware et le syst\u00e8me de fichiers SPIFFS ou LittleFS.<\/li>\n\n\n\n
        • Convient pour des applications g\u00e9n\u00e9rales avec un peu de stockage pour les fichiers.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • No OTA (pas de mise \u00e0 jour Over-The-Air)<\/strong> :\n
            \n
          • Tout l’espace disponible est allou\u00e9 au firmware.<\/li>\n\n\n\n
          • Pas de prise en charge des mises \u00e0 jour OTA.<\/li>\n\n\n\n
          • Convient pour des projets n\u00e9cessitant un firmware volumineux sans besoin de mise \u00e0 jour OTA.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Minimal SPIFFS<\/strong> :\n
              \n
            • Une partition minimaliste pour le syst\u00e8me de fichiers.<\/li>\n\n\n\n
            • R\u00e9duit l’espace de stockage des fichiers au minimum pour maximiser celui du firmware.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Large App<\/strong> :\n
                \n
              • Espace maximal allou\u00e9 pour le firmware de l’application.<\/li>\n\n\n\n
              • R\u00e9duit ou supprime compl\u00e8tement l’espace du syst\u00e8me de fichiers.<\/li>\n\n\n\n
              • Id\u00e9al pour les applications complexes avec de gros firmwares.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Custom<\/strong> :\n
                  \n
                • Permet de d\u00e9finir manuellement la taille des partitions.<\/li>\n\n\n\n
                • Convient pour des besoins sp\u00e9cifiques o\u00f9 ni l’espace par d\u00e9faut ni les autres sch\u00e9mas ne sont adapt\u00e9s.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
                  \n\n\n\n

                  Comment s\u00e9lectionner un Partition Scheme ?<\/h3>\n\n\n\n
                    \n
                  1. Dans l’IDE Arduino<\/strong> :\n
                      \n
                    • Lorsque vous s\u00e9lectionnez une carte compatible (ESP32 ou ESP8266), vous verrez l’option Partition Scheme<\/strong> dans le menu Tools (Outils)<\/strong>.<\/li>\n\n\n\n
                    • S\u00e9lectionnez le sch\u00e9ma correspondant \u00e0 vos besoins.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Bas\u00e9 sur le type de projet<\/strong> :\n
                        \n
                      • Si vous avez besoin d’un grand espace pour stocker des fichiers (images, donn\u00e9es), choisissez un sch\u00e9ma avec un grand SPIFFS ou LittleFS.<\/li>\n\n\n\n
                      • Si vous n’utilisez pas OTA et avez un gros firmware, optez pour No OTA<\/strong> ou Large App<\/strong>.<\/li>\n\n\n\n
                      • Si vous effectuez des mises \u00e0 jour OTA, un sch\u00e9ma avec OTA support<\/strong> est n\u00e9cessaire (par exemple, Default).<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n
                        \n\n\n\n

                        Exemple d’usage<\/h3>\n\n\n\n

                        Pour un projet o\u00f9 vous stockez des journaux et effectuez des mises \u00e0 jour OTA :<\/p>\n\n\n\n

                          \n
                        • Partition Scheme recommand\u00e9<\/strong> : Default.<\/li>\n\n\n\n
                        • Vous disposez d’un \u00e9quilibre entre le firmware, le syst\u00e8me de fichiers et la prise en charge OTA.<\/li>\n<\/ul>\n\n\n\n

                          Pour un projet n\u00e9cessitant uniquement un firmware volumineux sans fichiers :<\/p>\n\n\n\n

                            \n
                          • Partition Scheme recommand\u00e9<\/strong> : Large App.<\/li>\n<\/ul>\n\n\n\n
                            \n\n\n\n

                            Pourquoi est-ce important ?<\/h3>\n\n\n\n

                            La s\u00e9lection du sch\u00e9ma de partition affecte :<\/p>\n\n\n\n

                              \n
                            1. Les performances<\/strong> : Un firmware volumineux ou mal partitionn\u00e9 peut ne pas fonctionner correctement.<\/li>\n\n\n\n
                            2. Les fonctionnalit\u00e9s<\/strong> : Certains sch\u00e9mas peuvent d\u00e9sactiver des fonctionnalit\u00e9s comme OTA.<\/li>\n\n\n\n
                            3. Le stockage<\/strong> : Si vous manquez d’espace pour les fichiers ou le firmware, votre projet pourrait \u00e9chouer.<\/li>\n<\/ol>\n\n\n\n

                              En r\u00e9sum\u00e9, l’option Partition Scheme<\/strong> est cruciale pour configurer la m\u00e9moire flash de votre carte en fonction des besoins sp\u00e9cifiques de votre projet.<\/p>\n\n\n\n

                              <\/div>\n\n\n\n

                              LA SOLUTION \u00ab CUSTOM \u00bb<\/h2>\n\n\n\n

                              Cr\u00e9er le fichier \u00ab partitions.csv \u00bb et le placer dans le m\u00eame r\u00e9pertoire que le fichier \u00ab xxxxx.ino \u00bb<\/p>\n\n\n\n

                              # Name, Type, SubType, Offset, Size, Flags\n# Note: if you have increased the bootloader size, make sure to update the offsets to avoid overlap\nnvs, data, nvs, 0x9000, 0x6000,\nphy_init, data, phy, 0xf000, 0x1000,\nfactory, app, factory, 0x10000, 7M,<\/pre>\n\n\n\n
                              Choisir le cas \u00e9ch\u00e9ant, la partition \u00ab Custom \u00bb lors des r\u00e9glages<\/p>\n\n\n\n
                              \"\"<\/figure>\n\n\n\n
                              <\/p>\n\n\n\n
                              <\/p>\n\n\n\n
                              Voici une explication d\u00e9taill\u00e9e de cette partition scheme sp\u00e9cifique pour une carte ESP32 ou ESP8266 :<\/p>\n\n\n\n
                              \n\n\n\n
                              Format de la partition scheme<\/h3>\n\n\n\n
                              Chaque ligne suit ce format :
                              Nom, Type, Sous-type, Offset, Taille, Flags (optionnel)<\/strong><\/p>\n\n\n\n
                              Les colonnes d\u00e9crivent comment chaque partition est utilis\u00e9e dans la m\u00e9moire flash.<\/p>\n\n\n\n
                              \n\n\n\n
                              D\u00e9tails des partitions dans ce sch\u00e9ma<\/h3>\n\n\n\n
                                \n
                              1. NVS (Non-Volatile Storage)<\/strong>\n
                                  \n
                                • Ligne<\/strong> : nvs, data, nvs, 0x9000, 0x6000,<\/code><\/li>\n\n\n\n
                                • Utilit\u00e9<\/strong> : Stocke les donn\u00e9es non volatiles, comme les param\u00e8tres de configuration ou des donn\u00e9es persistantes.<\/li>\n\n\n\n
                                • D\u00e9tails<\/strong> :\n