From 4652d8fa05092aad3824aeedc98935b7b9b8c597 Mon Sep 17 00:00:00 2001
From: hill <hillviolet153@163.com>
Date: Sat, 1 Jun 2024 10:19:24 +0800
Subject: [PATCH] Site updated: 2024-06-01 10:19:23

---
 html/wifiConfig.html |   5 +-
 resource/index.html  |   2 +-
 search.xml           | 442 +++++++++++++++++++++----------------------
 3 files changed, 225 insertions(+), 224 deletions(-)

diff --git a/html/wifiConfig.html b/html/wifiConfig.html
index 293f1c9..05ee724 100644
--- a/html/wifiConfig.html
+++ b/html/wifiConfig.html
@@ -30,8 +30,8 @@
 <meta property="og:site_name" content="Levi52&#39;s Blog">
 <meta property="og:description" content="登录页面              #content,         .login,         .login-card a,         .login-card h1,         .login-help {             text-align: center         }          body,">
 <meta property="og:locale" content="zh_CN">
-<meta property="article:published_time" content="2024-05-28T12:30:10.113Z">
-<meta property="article:modified_time" content="2024-05-28T12:30:10.113Z">
+<meta property="article:published_time" content="2024-05-30T12:04:35.742Z">
+<meta property="article:modified_time" content="2024-05-30T12:04:35.742Z">
 <meta property="article:author" content="Levi52">
 <meta property="article:tag" content="Hardware,C,CPP,Python">
 <meta name="twitter:card" content="summary">
@@ -458,6 +458,7 @@ <h1>WIFI CONFIG</h1>
                     <input type="password" name="password" placeholder="请输入WiFi 密码" id="password" ; style="border-radius: 10px">
                     <input type="text" name="key" placeholder="请输入Private KEY" id="key" ; style="border-radius: 10px">
                     <input type="text" name="location" placeholder="请输入Location ID" id="location" ; style="border-radius: 10px">
+                    <input type="text" name="uid" placeholder="请输入bilibili UID" id="uid" ; style="border-radius: 10px">
                     <div class="login-help">
                         <ul class="list">
                             <li class="list__item">
diff --git a/resource/index.html b/resource/index.html
index ac4d093..9ad5f32 100644
--- a/resource/index.html
+++ b/resource/index.html
@@ -31,7 +31,7 @@
 <meta property="og:description" content="HTML页面wifiConfigColor PickerLoginSignin">
 <meta property="og:locale" content="zh_CN">
 <meta property="article:published_time" content="2024-05-28T15:36:19.000Z">
-<meta property="article:modified_time" content="2024-05-30T11:52:37.242Z">
+<meta property="article:modified_time" content="2024-05-30T11:57:54.804Z">
 <meta property="article:author" content="Levi52">
 <meta property="article:tag" content="Hardware,C,CPP,Python">
 <meta name="twitter:card" content="summary">
diff --git a/search.xml b/search.xml
index 75fc34b..4fe69a2 100644
--- a/search.xml
+++ b/search.xml
@@ -121,207 +121,24 @@
       </tags>
   </entry>
   <entry>
-    <title>ESP32S3N8R8 + Squareline_Studio设计移植</title>
-    <url>/posts/b97be97c/</url>
-    <content><![CDATA[<h1 id="说明"><a href="#说明" class="headerlink" title="说明"></a>说明</h1><blockquote>
-<p>硬件：<a href="https://lckfb.com/">立创ESP32S3R8N8开发板</a> + 2.8寸TFT显示屏(ST7789) + 电容触摸(GT911)<br>软件：<font style="color: #36b0f3">Visual Studio Code</font> + <font style="color: #e57200">PlatformIO</font>+ <font style="color: #dc4040">Squareline Studio</font><br>代码：<a href="https://pan.baidu.com/s/1HlfkJY-gq79WkFS29hg6Wg?pwd=levi">百度网盘：ESP32S3_SQ(提取码：levi)</a><br>代码：<a href="https://pan.baidu.com/s/1nwjB5gQ_fUmbdlNZjtprzQ?pwd=levi">百度网盘：ESP32S3_SERVO(提取码：levi)</a><br>视频：<a href="https://www.bilibili.com/video/BV1CC411J72J">bilibili: 【ESP32】初试Squareline Studio设计 简单控制屏幕亮度</a><br>视频：<a href="https://www.bilibili.com/video/BV1kJ4m1P73e">bilibili: 【ESP32】Squareline Studio新增界面+移植过程 - 简单控制舵机</a><br>博客：<a href="https://blog.csdn.net/Levi_5/article/details/138243662">CSDN: 【ESP32】立创ESP32S3N8R8开发板+2.8寸TFT电容触摸屏+Squareline Studio+PlatformIO</a></p>
-</blockquote>
-<h1 id="Squareline-Studio"><a href="#Squareline-Studio" class="headerlink" title="Squareline Studio"></a>Squareline Studio</h1><h2 id="设计UI"><a href="#设计UI" class="headerlink" title="设计UI"></a>设计UI</h2><p><img src="/posts/b97be97c/Squareline.png" alt="image-"></p>
-<h2 id="导出文件"><a href="#导出文件" class="headerlink" title="导出文件"></a>导出文件</h2><ul>
-<li><p>工程设置<br>按如下所示设置工程，<code>Project Export Root</code>和<code>UI Files Export Path</code>路径可以选择为LVGL工程目录下新建的<code>export</code>文件夹<br><img src="/posts/b97be97c/project_setting.png"><br><img src="/posts/b97be97c/project_setting1.png"></p>
-</li>
-<li><p>Export<br><img src="/posts/b97be97c/export.png"></p>
-</li>
-</ul>
-<h1 id="PlatformIO"><a href="#PlatformIO" class="headerlink" title="PlatformIO"></a>PlatformIO</h1><h2 id="文件结构"><a href="#文件结构" class="headerlink" title="文件结构"></a>文件结构</h2><ul>
-<li><p>导出文件<br>以下为<font color="#dc4140">Squareline Studio</font>导出的文件<br><img src="/posts/b97be97c/file_folder.png" alt="image-"></p>
-</li>
-<li><p>移植文件<br>资源文件复制到<font color="#dc4140">src&#x2F;lvgl_gui</font><br><img src="/posts/b97be97c/copy_file.png" alt="image-"></p>
-</li>
-</ul>
-<h2 id="LVGL"><a href="#LVGL" class="headerlink" title="LVGL"></a>LVGL</h2><ul>
-<li>修改lvgl<br>修改lvgl_conf.h，如下所示，关闭案例编译<br><img src="/posts/b97be97c/lvgl_conf.png" alt="image-"></li>
-</ul>
-<h2 id="main"><a href="#main" class="headerlink" title="main"></a>main</h2><ul>
-<li><p>添加头文件</p>
-<figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;ui.h&quot;</span></span></span><br></pre></td></tr></table></figure></li>
-<li><p>UI初始化<br>删去之前LVGL官方案例的内容，添加如下代码</p>
-<figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="built_in">ui_init</span>();</span><br></pre></td></tr></table></figure>
-<p><img src="/posts/b97be97c/ui_init.png" alt="image-"></p>
-</li>
-<li><p>lvgl显示</p>
-<figure class="highlight c"><table><tr><td class="code"><pre><span class="line"><span class="type">void</span> <span class="title function_">lvgl_task</span><span class="params">(<span class="type">void</span> *pt)</span></span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">while</span>(<span class="number">1</span>)</span><br><span class="line"></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        lv_timer_handler(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line"></span><br><span class="line">        vTaskDelay(<span class="number">5</span>);</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-<li><p><code>setup()</code>中创建任务</p>
-<figure class="highlight c"><table><tr><td class="code"><pre><span class="line">xTaskCreatePinnedToCore(lvgl_task, <span class="string">&quot;lvgl display&quot;</span>, <span class="number">1024</span> * <span class="number">15</span>, <span class="literal">NULL</span>, <span class="number">2</span>, <span class="literal">NULL</span>, <span class="number">1</span>);</span><br></pre></td></tr></table></figure></li>
-</ul>
-<h2 id="编译下载"><a href="#编译下载" class="headerlink" title="编译下载"></a>编译下载</h2><p><img src="/posts/b97be97c/S1.png" alt="image-"><br><img src="/posts/b97be97c/S2.jpg" alt="image-"><br><img src="/posts/b97be97c/S3.jpg" alt="image-"></p>
-<h1 id="END"><a href="#END" class="headerlink" title="END"></a>END</h1><center> 2024 <font color="#00bcd9">Levi5</font></center>
-]]></content>
-      <categories>
-        <category>ESP32</category>
-        <category>教程</category>
-      </categories>
-      <tags>
-        <tag>ESP32</tag>
-        <tag>PlatformIO</tag>
-        <tag>lvgl</tag>
-        <tag>2.8寸TFT</tag>
-        <tag>Squareline Studio</tag>
-        <tag>触摸屏</tag>
-        <tag>立创</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>ESP32S3N8R8 + lvgl测试官方案例</title>
-    <url>/posts/2c4e27ec/</url>
-    <content><![CDATA[<h1 id="说明"><a href="#说明" class="headerlink" title="说明"></a><font style="color: #6e9afc">说明</font></h1><blockquote>
-<p>硬件：立创ESP32S3R8N8开发板 + 2.8寸TFT显示屏(ST7789) + 电容触摸(GT911)<br>软件：<font style="color: #36b0f3">Visual Studio Code</font> + <font style="color: #e57200">PlatformIO</font><br>代码：<a href="https://pan.baidu.com/s/1tPKpCQTtXrIsN9fd9mheDQ?pwd=levi">百度网盘：ESP32S3_GT911TOUCH(提取码：levi)</a><br>视频：<a href="https://www.bilibili.com/video/BV1AT421m7Xa">bilibili: 【ESP32】2.8寸电容触摸屏(ST7789+GT911) lvgl 案例测试</a><br>博客：<a href="https://blog.csdn.net/Levi_5/article/details/137572195">CSDN: 【ESP32】立创ESP32S3R8N8开发板+2.8寸TFT电容触摸屏ST7789+GT911+PlatformIO</a></p>
-</blockquote>
-<h1 id="新建工程"><a href="#新建工程" class="headerlink" title="新建工程"></a><font style="color: #e57200">新建工程</font></h1><ul>
-<li><p>点击侧边<code>PlatformIO</code>插件，新建工程<br><img src="/posts/2c4e27ec/open.png"></p>
-</li>
-<li><p>依次设置工程名，开发板，框架<br><img src="/posts/2c4e27ec/project.png"></p>
-</li>
-</ul>
-<h1 id="屏幕测试"><a href="#屏幕测试" class="headerlink" title="屏幕测试"></a><font style="color: #c16eff">屏幕测试</font></h1><h2 id="添加TFT-eSPI"><a href="#添加TFT-eSPI" class="headerlink" title="添加TFT_eSPI"></a>添加TFT_eSPI</h2><ul>
-<li><p>添加屏幕驱动库<code>TFT_eSPI</code>，按如下图顺序<br><img src="/posts/2c4e27ec/TFT_eSPI.png"><br><img src="/posts/2c4e27ec/TFTINSTALL.png"></p>
-</li>
-<li><p>添加TFT_eSPI到工程<br><img src="/posts/2c4e27ec/ADDTFT.png"></p>
-</li>
-<li><p>打开配置文件，可以看到已成功添加库<br><img src="/posts/2c4e27ec/TFTINSTALLED.png"></p>
-</li>
-</ul>
-<h2 id="修改TFT-eSPI"><a href="#修改TFT-eSPI" class="headerlink" title="修改TFT_eSPI"></a>修改TFT_eSPI</h2><ul>
-<li><p>打开<code>.pio\libdeps\esp32-s3-devkitc-1\TFT_eSPI\User_Setup.h</code>文件<br><img src="/posts/2c4e27ec/opensetup.png"></p>
-</li>
-<li><p>根据屏幕驱动芯片解注释</p>
-</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Only define one driver, the other ones must be commented out</span></span><br><span class="line"><span class="comment">// #define ILI9341_DRIVER       // Generic driver for common displays</span></span><br><span class="line"><span class="comment">//#define ILI9341_2_DRIVER     // Alternative ILI9341 driver, see https://github.com/Bodmer/TFT_eSPI/issues/1172</span></span><br><span class="line"><span class="comment">//#define ST7735_DRIVER      // Define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define ILI9163_DRIVER     // Define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define S6D02A1_DRIVER</span></span><br><span class="line"><span class="comment">//#define RPI_ILI9486_DRIVER // 20MHz maximum SPI</span></span><br><span class="line"><span class="comment">//#define HX8357D_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9481_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9486_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9488_DRIVER     // WARNING: Do not connect ILI9488 display SDO to MISO if other devices share the SPI bus (TFT SDO does NOT tristate when CS is high)</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> ST7789_DRIVER      <span class="comment">// Full configuration option, define additional parameters below for this display</span></span></span><br><span class="line"><span class="comment">//#define ST7789_2_DRIVER    // Minimal configuration option, define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define R61581_DRIVER</span></span><br><span class="line"><span class="comment">//#define RM68140_DRIVER</span></span><br><span class="line"><span class="comment">//#define ST7796_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1351_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_480_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_800_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_800ALT_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9225_DRIVER</span></span><br><span class="line"><span class="comment">//#define GC9A01_DRIVER</span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>根据屏幕大小设置宽高</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// For ST7789, ST7735, ILI9163 and GC9A01 ONLY, define the pixel width and height in portrait orientation</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  80</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  128</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  172 // ST7789 172 x 320</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  170 // ST7789 170 x 320</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_WIDTH  240 <span class="comment">// ST7789 240 x 240 and 240 x 320</span></span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 160</span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 128</span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 240 // ST7789 240 x 240</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_HEIGHT 320 <span class="comment">// ST7789 240 x 320</span></span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 240 // GC9A01 240 x 240</span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>根据连线设置引脚</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// ### EDIT THE PIN NUMBERS IN THE LINES FOLLOWING TO SUIT YOUR ESP32 SETUP   ###</span></span><br><span class="line"><span class="comment">// For ESP32 Dev board (only tested with ILI9341 display)</span></span><br><span class="line"><span class="comment">// The hardware SPI can be mapped to any pins</span></span><br><span class="line"><span class="comment">//#define TFT_MISO 19</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_MOSI 17</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_SCLK 18</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_CS   15  <span class="comment">// Chip select control pin</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_DC    16  <span class="comment">// Data Command control pin</span></span></span><br><span class="line"><span class="comment">//#define TFT_RST   4  // Reset pin (could connect to RST pin)</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_RST  -1  <span class="comment">// Set TFT_RST to -1 if display RESET is connected to ESP32 board RST</span></span></span><br></pre></td></tr></table></figure>
-
-<h2 id="修改main-cpp"><a href="#修改main-cpp" class="headerlink" title="修改main.cpp"></a>修改main.cpp</h2><p>在屏幕上从上到下分别显示<font style="color: #ff0000">红</font><font style="color: #00ff00">绿</font><font style="color: #0000ff">蓝</font>三色，以及<font style="background: #8c8c8c;color: #ffffff">白色</font>文字，用来测试屏幕颜色显示是否正常。</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_GREY 0x5AEB</span></span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>();       <span class="comment">// Invoke custom library</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span> </span>&#123;</span><br><span class="line">  tft.<span class="built_in">init</span>();</span><br><span class="line">  tft.<span class="built_in">setRotation</span>(<span class="number">0</span>);</span><br><span class="line">  tft.<span class="built_in">fillScreen</span>(TFT_GREY);</span><br><span class="line">  tft.<span class="built_in">setTextColor</span>(TFT_WHITE, TFT_GREY);  <span class="comment">// Adding a background colour erases previous text automatically</span></span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">0</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_RED);</span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">50</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_GREEN);</span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">100</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_BLUE);</span><br><span class="line">  tft.<span class="built_in">drawCentreString</span>(<span class="string">&quot;Time flies&quot;</span>,<span class="number">120</span>,<span class="number">260</span>,<span class="number">4</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span> </span>&#123;</span><br><span class="line">  <span class="comment">// put your main code here, to run repeatedly:</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-
-<h2 id="下载调试"><a href="#下载调试" class="headerlink" title="下载调试"></a>下载调试</h2><ul>
-<li><p>编译下载<br><img src="/posts/2c4e27ec/load.png"></p>
-</li>
-<li><p>根据屏幕显示情况修改<code>User_Setup.h</code>文件</p>
-</li>
-</ul>
-<p>如果颜色反转(白色显示为黑色)，如下图所示，则取消下一个注释，尝试两个选项，其中一个选项应该纠正反转。<br><img src="/posts/2c4e27ec/image-20240410132437581.png"></p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// If colours are inverted (white shows as black) then uncomment one of the next</span></span><br><span class="line"><span class="comment">// 2 lines try both options, one of the options should correct the inversion.</span></span><br><span class="line"><span class="comment">// #define TFT_INVERSION_ON</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_INVERSION_OFF</span></span><br></pre></td></tr></table></figure>
-<p>修改后，如下图所示，白色正常显示，但是RGB顺序存在问题<br><img src="/posts/2c4e27ec/image-20240410132701414.png"></p>
-<p>仅对于ST7735, ST7789和ILI9341，如果显示器上的蓝色和红色交换，则定义颜色顺序，一次尝试一个选项来找到显示的正确颜色顺序</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// For ST7735, ST7789 and ILI9341 ONLY, define the colour order IF the blue and red are swapped on your display</span></span><br><span class="line"><span class="comment">// Try ONE option at a time to find the correct colour order for your display</span></span><br><span class="line"><span class="comment">//  #define TFT_RGB_ORDER TFT_RGB  // Colour order Red-Green-Blue</span></span><br><span class="line"> <span class="meta">#<span class="keyword">define</span> TFT_RGB_ORDER TFT_BGR  <span class="comment">// Colour order Blue-Green-Red</span></span></span><br></pre></td></tr></table></figure>
-<p>修改后，如下图所示，RGB顺序正常<br><img src="/posts/2c4e27ec/image-20240410132744241.png"></p>
-<h1 id="LVGL测试"><a href="#LVGL测试" class="headerlink" title="LVGL测试"></a><font style="color: #6c9ba6">LVGL测试</font></h1><h2 id="添加LVGL"><a href="#添加LVGL" class="headerlink" title="添加LVGL"></a>添加LVGL</h2><ul>
-<li><p>根据实际情况，选择lvgl版本<br><img src="/posts/2c4e27ec/lvgl.png"><br>![](lvglinstall.png” style&#x3D;”zoom:67%;” &gt;</p>
-</li>
-<li><p>添加lvgl到工程<br>![](lvglinstalled.png” style&#x3D;”zoom:67%;” &gt;</p>
-</li>
-</ul>
-<h2 id="修改LVGL"><a href="#修改LVGL" class="headerlink" title="修改LVGL"></a>修改LVGL</h2><ul>
-<li><p>打开<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\lv_conf_template.h</code>文件</p>
-<p>将此文件重命名为<code>lv_conf.h</code></p>
-</li>
-</ul>
-<p>![](lvconf.png” style&#x3D;”zoom:67%;” &gt;</p>
-<ul>
-<li>使能lvgl</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/* clang-format off */</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 1 <span class="comment">/*Set it to &quot;1&quot; to enable content*/</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">ifndef</span> LV_CONF_H</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_CONF_H</span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>设置周期</li>
-</ul>
-<p>默认显示刷新周期。LVG将重新绘制改变的区域与这个周期时间<br>输入设备读取周期毫秒</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Default display refresh period. LVG will redraw changed areas with this period time*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_DISP_DEF_REFR_PERIOD 1      <span class="comment">/*[ms]*/</span></span></span><br><span class="line"><span class="comment">/*Input device read period in milliseconds*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_INDEV_DEF_READ_PERIOD 1     <span class="comment">/*[ms]*/</span></span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>心跳使能</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Use a custom tick source that tells the elapsed time in milliseconds.</span></span><br><span class="line"><span class="comment"> *It removes the need to manually update the tick with `lv_tick_inc()`)*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_TICK_CUSTOM 1</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> LV_TICK_CUSTOM</span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>使能测试案例</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Show some widget. It might be required to increase `LV_MEM_SIZE` */</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_USE_DEMO_WIDGETS 1</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> LV_USE_DEMO_WIDGETS</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_DEMO_WIDGETS_SLIDESHOW 0</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li><p>更改文件路径</p>
-<p>将<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\demos</code>文件夹移动至<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\src\demos</code></p>
-</li>
-<li><p>修改main.cpp</p>
-<p>将<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\examples\arduino\LVGL_Arduino\LVGL_Arduino.ino</code>文件内容复制</p>
-<ul>
-<li>设置头文件</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>设置宽高</li>
-</ul>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br></pre></td></tr></table></figure>
-
-<ul>
-<li>修改类型</li>
-</ul>
-<p><code>lv_disp_t</code>修改为<code>lv_disp_drv_t</code></p>
-<p><code>lv_indev_t</code>修改为<code>lv_indev_drv_t</code></p>
-<ul>
-<li>注释掉触摸部分</li>
-</ul>
-</li>
-</ul>
-<h2 id="修改完成"><a href="#修改完成" class="headerlink" title="修改完成"></a>修改完成</h2><p>最终<code>main.cpp</code>文件内容如下</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br><span class="line"><span class="comment">/*Change to your screen resolution*/</span></span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_disp_draw_buf_t</span> draw_buf;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_color_t</span> buf[ screenWidth * <span class="number">10</span> ];</span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>(screenWidth, screenHeight); <span class="comment">/* TFT instance */</span></span><br><span class="line"><span class="comment">/* Display flushing */</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_disp_flush</span><span class="params">( <span class="type">lv_disp_drv_t</span> *disp, <span class="type">const</span> <span class="type">lv_area_t</span> *area, <span class="type">lv_color_t</span> *color_p )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="type">uint32_t</span> w = ( area-&gt;x2 - area-&gt;x1 + <span class="number">1</span> );</span><br><span class="line">    <span class="type">uint32_t</span> h = ( area-&gt;y2 - area-&gt;y1 + <span class="number">1</span> );</span><br><span class="line">    tft.<span class="built_in">startWrite</span>();</span><br><span class="line">    tft.<span class="built_in">setAddrWindow</span>( area-&gt;x1, area-&gt;y1, w, h );</span><br><span class="line">    tft.<span class="built_in">pushColors</span>( ( <span class="type">uint16_t</span> * )&amp;color_p-&gt;full, w * h, <span class="literal">true</span> );</span><br><span class="line">    tft.<span class="built_in">endWrite</span>();</span><br><span class="line">    <span class="built_in">lv_disp_flush_ready</span>( disp );</span><br><span class="line">&#125;</span><br><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="comment">// void my_touchpad_read( lv_indev_drv_t * indev_driver, lv_indev_data_t * data )</span></span><br><span class="line"><span class="comment">// &#123;</span></span><br><span class="line"><span class="comment">//     uint16_t touchX, touchY;</span></span><br><span class="line"><span class="comment">//     bool touched = tft.getTouch( &amp;touchX, &amp;touchY, 600 );</span></span><br><span class="line"><span class="comment">//     if( !touched )</span></span><br><span class="line"><span class="comment">//     &#123;</span></span><br><span class="line"><span class="comment">//         data-&gt;state = LV_INDEV_STATE_REL;</span></span><br><span class="line"><span class="comment">//     &#125;</span></span><br><span class="line"><span class="comment">//     else</span></span><br><span class="line"><span class="comment">//     &#123;</span></span><br><span class="line"><span class="comment">//         data-&gt;state = LV_INDEV_STATE_PR;</span></span><br><span class="line"><span class="comment">//         /*Set the coordinates*/</span></span><br><span class="line"><span class="comment">//         data-&gt;point.x = touchX;</span></span><br><span class="line"><span class="comment">//         data-&gt;point.y = touchY;</span></span><br><span class="line"><span class="comment">//         Serial.print( &quot;Data x &quot; );</span></span><br><span class="line"><span class="comment">//         Serial.println( touchX );</span></span><br><span class="line"><span class="comment">//         Serial.print( &quot;Data y &quot; );</span></span><br><span class="line"><span class="comment">//         Serial.println( touchY );</span></span><br><span class="line"><span class="comment">//     &#125;</span></span><br><span class="line"><span class="comment">// &#125;</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    Serial.<span class="built_in">begin</span>( <span class="number">115200</span> ); <span class="comment">/* prepare for possible serial debug */</span></span><br><span class="line">    String LVGL_Arduino = <span class="string">&quot;Hello Arduino! &quot;</span>;</span><br><span class="line">    LVGL_Arduino += <span class="built_in">String</span>(<span class="string">&#x27;V&#x27;</span>) + <span class="built_in">lv_version_major</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_minor</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_patch</span>();</span><br><span class="line">    Serial.<span class="built_in">println</span>( LVGL_Arduino );</span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;I am LVGL_Arduino&quot;</span> );</span><br><span class="line">    <span class="built_in">lv_init</span>();</span><br><span class="line">    tft.<span class="built_in">begin</span>();          <span class="comment">/* TFT init */</span></span><br><span class="line">    tft.<span class="built_in">setRotation</span>( <span class="number">3</span> ); <span class="comment">/* Landscape orientation, flipped */</span></span><br><span class="line">    <span class="comment">/*Set the touchscreen calibration data,</span></span><br><span class="line"><span class="comment">     the actual data for your display can be acquired using</span></span><br><span class="line"><span class="comment">     the Generic -&gt; Touch_calibrate example from the TFT_eSPI library*/</span></span><br><span class="line">    <span class="type">uint16_t</span> calData[<span class="number">5</span>] = &#123; <span class="number">275</span>, <span class="number">3620</span>, <span class="number">264</span>, <span class="number">3532</span>, <span class="number">1</span> &#125;;</span><br><span class="line">    <span class="comment">// tft.setTouch( calData );</span></span><br><span class="line">    <span class="built_in">lv_disp_draw_buf_init</span>( &amp;draw_buf, buf, <span class="literal">NULL</span>, screenWidth * <span class="number">10</span> );</span><br><span class="line">    <span class="comment">/*Initialize the display*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_disp_drv_t</span> disp_drv;</span><br><span class="line">    <span class="built_in">lv_disp_drv_init</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Change the following line to your display resolution*/</span></span><br><span class="line">    disp_drv.hor_res = screenWidth;</span><br><span class="line">    disp_drv.ver_res = screenHeight;</span><br><span class="line">    disp_drv.flush_cb = my_disp_flush;</span><br><span class="line">    disp_drv.draw_buf = &amp;draw_buf;</span><br><span class="line">    <span class="built_in">lv_disp_drv_register</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Initialize the (dummy) input device driver*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_indev_drv_t</span> indev_drv;</span><br><span class="line">    <span class="built_in">lv_indev_drv_init</span>( &amp;indev_drv );</span><br><span class="line">    indev_drv.type = LV_INDEV_TYPE_POINTER;</span><br><span class="line">    <span class="comment">// indev_drv.read_cb = my_touchpad_read;</span></span><br><span class="line">    <span class="built_in">lv_indev_drv_register</span>( &amp;indev_drv );</span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 0</span></span><br><span class="line">    <span class="comment">/* Create simple label */</span></span><br><span class="line">    <span class="type">lv_obj_t</span> *label = <span class="built_in">lv_label_create</span>( <span class="built_in">lv_scr_act</span>() );</span><br><span class="line">    <span class="built_in">lv_label_set_text</span>( label, LVGL_Arduino.<span class="built_in">c_str</span>() );</span><br><span class="line">    <span class="built_in">lv_obj_align</span>( label, LV_ALIGN_CENTER, <span class="number">0</span>, <span class="number">0</span> );</span><br><span class="line"><span class="meta">#<span class="keyword">else</span></span></span><br><span class="line">    <span class="built_in">lv_demo_widgets</span>();            <span class="comment">// OK</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;Setup done&quot;</span> );</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="built_in">lv_timer_handler</span>(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line">    <span class="built_in">delay</span>( <span class="number">5</span> );</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="编译下载"><a href="#编译下载" class="headerlink" title="编译下载"></a>编译下载</h2><p>显示效果如下图<br><img src="/posts/2c4e27ec/image-20240410134038409.png"></p>
-<h1 id="触摸测试"><a href="#触摸测试" class="headerlink" title="触摸测试"></a><font style="color: #26c492">触摸测试</font></h1><h2 id="添加bb-captouch"><a href="#添加bb-captouch" class="headerlink" title="添加bb_captouch"></a>添加<code>bb_captouch</code></h2><p><img src="/posts/2c4e27ec/bb_captouch.png"></p>
-<h2 id="修改main-cpp-1"><a href="#修改main-cpp-1" class="headerlink" title="修改main.cpp"></a>修改<code>main.cpp</code></h2><ul>
-<li><p>添加头文件</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;bb_captouch.h&gt;</span></span></span><br></pre></td></tr></table></figure>
-</li>
-<li><p>设置触摸芯片引脚</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// These defines are for a low cost ESP32 LCD board with the GT911 touch controller</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SDA  4</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SCL  2</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_INT 3</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_RST 1</span></span><br></pre></td></tr></table></figure>
-</li>
-<li><p>设置参数</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line">BBCapTouch bbct;</span><br><span class="line"><span class="type">const</span> <span class="type">char</span> *szNames[] = &#123;<span class="string">&quot;Unknown&quot;</span>, <span class="string">&quot;FT6x36&quot;</span>, <span class="string">&quot;GT911&quot;</span>, <span class="string">&quot;CST820&quot;</span>&#125;;</span><br></pre></td></tr></table></figure>
-</li>
-<li><p>初始化</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line">bbct.<span class="built_in">init</span>(TOUCH_SDA, TOUCH_SCL, TOUCH_RST, TOUCH_INT);</span><br></pre></td></tr></table></figure>
-</li>
-<li><p>修改<code>my_touchpad_read</code>函数</p>
-<p>这里的x,y坐标需要根据实际情况修改</p>
-<p><img src="/posts/2c4e27ec/pos.png"></p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_touchpad_read</span><span class="params">( <span class="type">lv_indev_drv_t</span> * indev_driver, <span class="type">lv_indev_data_t</span> * data )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    TOUCHINFO ti;</span><br><span class="line">    <span class="keyword">if</span>(bbct.<span class="built_in">getSamples</span>(&amp;ti))</span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_PR;</span><br><span class="line">        <span class="comment">/*Set the coordinates*/</span></span><br><span class="line">        data-&gt;point.x = screenWidth - ti.y[<span class="number">0</span>];</span><br><span class="line">        data-&gt;point.y = ti.x[<span class="number">0</span>];</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data x &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( screenWidth - ti.y[<span class="number">0</span>] );</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data y &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( ti.x[<span class="number">0</span>] );</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_REL;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-</ul>
-<h2 id="修改完成-1"><a href="#修改完成-1" class="headerlink" title="修改完成"></a>修改完成</h2><p>最终<code>main.cpp</code>文件内容如下</p>
-<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;bb_captouch.h&gt;</span></span></span><br><span class="line"><span class="comment">// These defines are for a low cost ESP32 LCD board with the GT911 touch controller</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SDA  4</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SCL  2</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_INT 3</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_RST 1</span></span><br><span class="line">BBCapTouch bbct;</span><br><span class="line"><span class="type">const</span> <span class="type">char</span> *szNames[] = &#123;<span class="string">&quot;Unknown&quot;</span>, <span class="string">&quot;FT6x36&quot;</span>, <span class="string">&quot;GT911&quot;</span>, <span class="string">&quot;CST820&quot;</span>&#125;;</span><br><span class="line"><span class="comment">/*Change to your screen resolution*/</span></span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_disp_draw_buf_t</span> draw_buf;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_color_t</span> buf[ screenWidth * <span class="number">10</span> ];</span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>(screenWidth, screenHeight); <span class="comment">/* TFT instance */</span></span><br><span class="line"><span class="comment">/* Display flushing */</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_disp_flush</span><span class="params">( <span class="type">lv_disp_drv_t</span> *disp, <span class="type">const</span> <span class="type">lv_area_t</span> *area, <span class="type">lv_color_t</span> *color_p )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="type">uint32_t</span> w = ( area-&gt;x2 - area-&gt;x1 + <span class="number">1</span> );</span><br><span class="line">    <span class="type">uint32_t</span> h = ( area-&gt;y2 - area-&gt;y1 + <span class="number">1</span> );</span><br><span class="line">    tft.<span class="built_in">startWrite</span>();</span><br><span class="line">    tft.<span class="built_in">setAddrWindow</span>( area-&gt;x1, area-&gt;y1, w, h );</span><br><span class="line">    tft.<span class="built_in">pushColors</span>( ( <span class="type">uint16_t</span> * )&amp;color_p-&gt;full, w * h, <span class="literal">true</span> );</span><br><span class="line">    tft.<span class="built_in">endWrite</span>();</span><br><span class="line">    <span class="built_in">lv_disp_flush_ready</span>( disp );</span><br><span class="line">&#125;</span><br><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_touchpad_read</span><span class="params">( <span class="type">lv_indev_drv_t</span> * indev_driver, <span class="type">lv_indev_data_t</span> * data )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="comment">// uint16_t touchX, touchY;</span></span><br><span class="line">    TOUCHINFO ti;</span><br><span class="line">    <span class="keyword">if</span>(bbct.<span class="built_in">getSamples</span>(&amp;ti))</span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_PR;</span><br><span class="line">        <span class="comment">/*Set the coordinates*/</span></span><br><span class="line">        data-&gt;point.x = screenWidth - ti.y[<span class="number">0</span>];</span><br><span class="line">        data-&gt;point.y = ti.x[<span class="number">0</span>];</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data x &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( screenWidth - ti.y[<span class="number">0</span>] );</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data y &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( ti.x[<span class="number">0</span>] );</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_REL;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    Serial.<span class="built_in">begin</span>( <span class="number">115200</span> ); <span class="comment">/* prepare for possible serial debug */</span></span><br><span class="line">    String LVGL_Arduino = <span class="string">&quot;Hello Arduino! &quot;</span>;</span><br><span class="line">    LVGL_Arduino += <span class="built_in">String</span>(<span class="string">&#x27;V&#x27;</span>) + <span class="built_in">lv_version_major</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_minor</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_patch</span>();</span><br><span class="line">    Serial.<span class="built_in">println</span>( LVGL_Arduino );</span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;I am LVGL_Arduino&quot;</span> );</span><br><span class="line">    <span class="built_in">lv_init</span>();</span><br><span class="line">    tft.<span class="built_in">begin</span>();          <span class="comment">/* TFT init */</span></span><br><span class="line">    tft.<span class="built_in">setRotation</span>( <span class="number">3</span> ); <span class="comment">/* Landscape orientation, flipped */</span></span><br><span class="line">    bbct.<span class="built_in">init</span>(TOUCH_SDA, TOUCH_SCL, TOUCH_RST, TOUCH_INT);</span><br><span class="line">    <span class="type">int</span> iType = bbct.<span class="built_in">sensorType</span>();</span><br><span class="line">    Serial.<span class="built_in">printf</span>(<span class="string">&quot;Sensor type = %s\n&quot;</span>, szNames[iType]);</span><br><span class="line">    <span class="built_in">lv_disp_draw_buf_init</span>( &amp;draw_buf, buf, <span class="literal">NULL</span>, screenWidth * <span class="number">10</span> );</span><br><span class="line">    <span class="comment">/*Initialize the display*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_disp_drv_t</span> disp_drv;</span><br><span class="line">    <span class="built_in">lv_disp_drv_init</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Change the following line to your display resolution*/</span></span><br><span class="line">    disp_drv.hor_res = screenWidth;</span><br><span class="line">    disp_drv.ver_res = screenHeight;</span><br><span class="line">    disp_drv.flush_cb = my_disp_flush;</span><br><span class="line">    disp_drv.draw_buf = &amp;draw_buf;</span><br><span class="line">    <span class="built_in">lv_disp_drv_register</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Initialize the (dummy) input device driver*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_indev_drv_t</span> indev_drv;</span><br><span class="line">    <span class="built_in">lv_indev_drv_init</span>( &amp;indev_drv );</span><br><span class="line">    indev_drv.type = LV_INDEV_TYPE_POINTER;</span><br><span class="line">    indev_drv.read_cb = my_touchpad_read;</span><br><span class="line">    <span class="built_in">lv_indev_drv_register</span>( &amp;indev_drv );</span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 0</span></span><br><span class="line">    <span class="comment">/* Create simple label */</span></span><br><span class="line">    <span class="type">lv_obj_t</span> *label = <span class="built_in">lv_label_create</span>( <span class="built_in">lv_scr_act</span>() );</span><br><span class="line">    <span class="built_in">lv_label_set_text</span>( label, LVGL_Arduino.<span class="built_in">c_str</span>() );</span><br><span class="line">    <span class="built_in">lv_obj_align</span>( label, LV_ALIGN_CENTER, <span class="number">0</span>, <span class="number">0</span> );</span><br><span class="line"><span class="meta">#<span class="keyword">else</span></span></span><br><span class="line">    <span class="comment">// uncomment one of these demos</span></span><br><span class="line">    <span class="built_in">lv_demo_widgets</span>();            <span class="comment">// OK</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;Setup done&quot;</span> );</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="built_in">lv_timer_handler</span>(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line">    <span class="built_in">delay</span>( <span class="number">5</span> );</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-
-<h2 id="编译下载-1"><a href="#编译下载-1" class="headerlink" title="编译下载"></a>编译下载</h2><p>触摸显示效果如下图所示<br><img src="/posts/2c4e27ec/image-20240410134339063.png"></p>
-<h1 id="END"><a href="#END" class="headerlink" title="END"></a>END</h1><center> 2024 <font color="#00bcd9">Levi5</font></center>
+    <title>预告</title>
+    <url>/posts/224bc55d/</url>
+    <content><![CDATA[<p><img src="/posts/224bc55d/icon.png" alt="icon"><br><a href="/html/wifiConfig.html">wifiConfig</a><br>… … … … …</p>
 ]]></content>
       <categories>
         <category>ESP32</category>
-        <category>教程</category>
+        <category>预告</category>
       </categories>
       <tags>
         <tag>ESP32</tag>
         <tag>PlatformIO</tag>
-        <tag>lvgl</tag>
-        <tag>2.8寸TFT</tag>
-        <tag>触摸屏</tag>
+        <tag>多功能开关</tag>
+        <tag>自制</tag>
         <tag>立创</tag>
+        <tag>1.8寸TFT</tag>
+        <tag>预告</tag>
+        <tag>3D</tag>
+        <tag>传感器</tag>
       </tags>
   </entry>
   <entry>
@@ -581,24 +398,6 @@
         <tag>icon</tag>
       </tags>
   </entry>
-  <entry>
-    <title>Hello World</title>
-    <url>/posts/4a17b156/</url>
-    <content><![CDATA[<p>Welcome to <a href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
-<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre></td></tr></table></figure>
-
-<p>More info: <a href="https://hexo.io/docs/writing.html">Writing</a></p>
-<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
-
-<p>More info: <a href="https://hexo.io/docs/server.html">Server</a></p>
-<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
-
-<p>More info: <a href="https://hexo.io/docs/generating.html">Generating</a></p>
-<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
-
-<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>
-]]></content>
-  </entry>
   <entry>
     <title>安信可Ai-M61-32S环境搭建 + 点灯</title>
     <url>/posts/17ee55dc/</url>
@@ -684,24 +483,225 @@
       </tags>
   </entry>
   <entry>
-    <title>预告</title>
-    <url>/posts/224bc55d/</url>
-    <content><![CDATA[<p><img src="/posts/224bc55d/icon.png" alt="icon"><br><a href="/html/wifiConfig.html">wifiConfig</a><br>… … … … …</p>
+    <title>ESP32S3N8R8 + Squareline_Studio设计移植</title>
+    <url>/posts/b97be97c/</url>
+    <content><![CDATA[<h1 id="说明"><a href="#说明" class="headerlink" title="说明"></a>说明</h1><blockquote>
+<p>硬件：<a href="https://lckfb.com/">立创ESP32S3R8N8开发板</a> + 2.8寸TFT显示屏(ST7789) + 电容触摸(GT911)<br>软件：<font style="color: #36b0f3">Visual Studio Code</font> + <font style="color: #e57200">PlatformIO</font>+ <font style="color: #dc4040">Squareline Studio</font><br>代码：<a href="https://pan.baidu.com/s/1HlfkJY-gq79WkFS29hg6Wg?pwd=levi">百度网盘：ESP32S3_SQ(提取码：levi)</a><br>代码：<a href="https://pan.baidu.com/s/1nwjB5gQ_fUmbdlNZjtprzQ?pwd=levi">百度网盘：ESP32S3_SERVO(提取码：levi)</a><br>视频：<a href="https://www.bilibili.com/video/BV1CC411J72J">bilibili: 【ESP32】初试Squareline Studio设计 简单控制屏幕亮度</a><br>视频：<a href="https://www.bilibili.com/video/BV1kJ4m1P73e">bilibili: 【ESP32】Squareline Studio新增界面+移植过程 - 简单控制舵机</a><br>博客：<a href="https://blog.csdn.net/Levi_5/article/details/138243662">CSDN: 【ESP32】立创ESP32S3N8R8开发板+2.8寸TFT电容触摸屏+Squareline Studio+PlatformIO</a></p>
+</blockquote>
+<h1 id="Squareline-Studio"><a href="#Squareline-Studio" class="headerlink" title="Squareline Studio"></a>Squareline Studio</h1><h2 id="设计UI"><a href="#设计UI" class="headerlink" title="设计UI"></a>设计UI</h2><p><img src="/posts/b97be97c/Squareline.png" alt="image-"></p>
+<h2 id="导出文件"><a href="#导出文件" class="headerlink" title="导出文件"></a>导出文件</h2><ul>
+<li><p>工程设置<br>按如下所示设置工程，<code>Project Export Root</code>和<code>UI Files Export Path</code>路径可以选择为LVGL工程目录下新建的<code>export</code>文件夹<br><img src="/posts/b97be97c/project_setting.png"><br><img src="/posts/b97be97c/project_setting1.png"></p>
+</li>
+<li><p>Export<br><img src="/posts/b97be97c/export.png"></p>
+</li>
+</ul>
+<h1 id="PlatformIO"><a href="#PlatformIO" class="headerlink" title="PlatformIO"></a>PlatformIO</h1><h2 id="文件结构"><a href="#文件结构" class="headerlink" title="文件结构"></a>文件结构</h2><ul>
+<li><p>导出文件<br>以下为<font color="#dc4140">Squareline Studio</font>导出的文件<br><img src="/posts/b97be97c/file_folder.png" alt="image-"></p>
+</li>
+<li><p>移植文件<br>资源文件复制到<font color="#dc4140">src&#x2F;lvgl_gui</font><br><img src="/posts/b97be97c/copy_file.png" alt="image-"></p>
+</li>
+</ul>
+<h2 id="LVGL"><a href="#LVGL" class="headerlink" title="LVGL"></a>LVGL</h2><ul>
+<li>修改lvgl<br>修改lvgl_conf.h，如下所示，关闭案例编译<br><img src="/posts/b97be97c/lvgl_conf.png" alt="image-"></li>
+</ul>
+<h2 id="main"><a href="#main" class="headerlink" title="main"></a>main</h2><ul>
+<li><p>添加头文件</p>
+<figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;ui.h&quot;</span></span></span><br></pre></td></tr></table></figure></li>
+<li><p>UI初始化<br>删去之前LVGL官方案例的内容，添加如下代码</p>
+<figure class="highlight cpp"><table><tr><td class="code"><pre><span class="line"><span class="built_in">ui_init</span>();</span><br></pre></td></tr></table></figure>
+<p><img src="/posts/b97be97c/ui_init.png" alt="image-"></p>
+</li>
+<li><p>lvgl显示</p>
+<figure class="highlight c"><table><tr><td class="code"><pre><span class="line"><span class="type">void</span> <span class="title function_">lvgl_task</span><span class="params">(<span class="type">void</span> *pt)</span></span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">while</span>(<span class="number">1</span>)</span><br><span class="line"></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        lv_timer_handler(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line"></span><br><span class="line">        vTaskDelay(<span class="number">5</span>);</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+<li><p><code>setup()</code>中创建任务</p>
+<figure class="highlight c"><table><tr><td class="code"><pre><span class="line">xTaskCreatePinnedToCore(lvgl_task, <span class="string">&quot;lvgl display&quot;</span>, <span class="number">1024</span> * <span class="number">15</span>, <span class="literal">NULL</span>, <span class="number">2</span>, <span class="literal">NULL</span>, <span class="number">1</span>);</span><br></pre></td></tr></table></figure></li>
+</ul>
+<h2 id="编译下载"><a href="#编译下载" class="headerlink" title="编译下载"></a>编译下载</h2><p><img src="/posts/b97be97c/S1.png" alt="image-"><br><img src="/posts/b97be97c/S2.jpg" alt="image-"><br><img src="/posts/b97be97c/S3.jpg" alt="image-"></p>
+<h1 id="END"><a href="#END" class="headerlink" title="END"></a>END</h1><center> 2024 <font color="#00bcd9">Levi5</font></center>
 ]]></content>
       <categories>
         <category>ESP32</category>
-        <category>预告</category>
+        <category>教程</category>
       </categories>
       <tags>
         <tag>ESP32</tag>
         <tag>PlatformIO</tag>
-        <tag>多功能开关</tag>
-        <tag>自制</tag>
+        <tag>lvgl</tag>
+        <tag>2.8寸TFT</tag>
+        <tag>Squareline Studio</tag>
+        <tag>触摸屏</tag>
         <tag>立创</tag>
-        <tag>1.8寸TFT</tag>
-        <tag>预告</tag>
-        <tag>3D</tag>
-        <tag>传感器</tag>
       </tags>
   </entry>
+  <entry>
+    <title>ESP32S3N8R8 + lvgl测试官方案例</title>
+    <url>/posts/2c4e27ec/</url>
+    <content><![CDATA[<h1 id="说明"><a href="#说明" class="headerlink" title="说明"></a><font style="color: #6e9afc">说明</font></h1><blockquote>
+<p>硬件：立创ESP32S3R8N8开发板 + 2.8寸TFT显示屏(ST7789) + 电容触摸(GT911)<br>软件：<font style="color: #36b0f3">Visual Studio Code</font> + <font style="color: #e57200">PlatformIO</font><br>代码：<a href="https://pan.baidu.com/s/1tPKpCQTtXrIsN9fd9mheDQ?pwd=levi">百度网盘：ESP32S3_GT911TOUCH(提取码：levi)</a><br>视频：<a href="https://www.bilibili.com/video/BV1AT421m7Xa">bilibili: 【ESP32】2.8寸电容触摸屏(ST7789+GT911) lvgl 案例测试</a><br>博客：<a href="https://blog.csdn.net/Levi_5/article/details/137572195">CSDN: 【ESP32】立创ESP32S3R8N8开发板+2.8寸TFT电容触摸屏ST7789+GT911+PlatformIO</a></p>
+</blockquote>
+<h1 id="新建工程"><a href="#新建工程" class="headerlink" title="新建工程"></a><font style="color: #e57200">新建工程</font></h1><ul>
+<li><p>点击侧边<code>PlatformIO</code>插件，新建工程<br><img src="/posts/2c4e27ec/open.png"></p>
+</li>
+<li><p>依次设置工程名，开发板，框架<br><img src="/posts/2c4e27ec/project.png"></p>
+</li>
+</ul>
+<h1 id="屏幕测试"><a href="#屏幕测试" class="headerlink" title="屏幕测试"></a><font style="color: #c16eff">屏幕测试</font></h1><h2 id="添加TFT-eSPI"><a href="#添加TFT-eSPI" class="headerlink" title="添加TFT_eSPI"></a>添加TFT_eSPI</h2><ul>
+<li><p>添加屏幕驱动库<code>TFT_eSPI</code>，按如下图顺序<br><img src="/posts/2c4e27ec/TFT_eSPI.png"><br><img src="/posts/2c4e27ec/TFTINSTALL.png"></p>
+</li>
+<li><p>添加TFT_eSPI到工程<br><img src="/posts/2c4e27ec/ADDTFT.png"></p>
+</li>
+<li><p>打开配置文件，可以看到已成功添加库<br><img src="/posts/2c4e27ec/TFTINSTALLED.png"></p>
+</li>
+</ul>
+<h2 id="修改TFT-eSPI"><a href="#修改TFT-eSPI" class="headerlink" title="修改TFT_eSPI"></a>修改TFT_eSPI</h2><ul>
+<li><p>打开<code>.pio\libdeps\esp32-s3-devkitc-1\TFT_eSPI\User_Setup.h</code>文件<br><img src="/posts/2c4e27ec/opensetup.png"></p>
+</li>
+<li><p>根据屏幕驱动芯片解注释</p>
+</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Only define one driver, the other ones must be commented out</span></span><br><span class="line"><span class="comment">// #define ILI9341_DRIVER       // Generic driver for common displays</span></span><br><span class="line"><span class="comment">//#define ILI9341_2_DRIVER     // Alternative ILI9341 driver, see https://github.com/Bodmer/TFT_eSPI/issues/1172</span></span><br><span class="line"><span class="comment">//#define ST7735_DRIVER      // Define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define ILI9163_DRIVER     // Define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define S6D02A1_DRIVER</span></span><br><span class="line"><span class="comment">//#define RPI_ILI9486_DRIVER // 20MHz maximum SPI</span></span><br><span class="line"><span class="comment">//#define HX8357D_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9481_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9486_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9488_DRIVER     // WARNING: Do not connect ILI9488 display SDO to MISO if other devices share the SPI bus (TFT SDO does NOT tristate when CS is high)</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> ST7789_DRIVER      <span class="comment">// Full configuration option, define additional parameters below for this display</span></span></span><br><span class="line"><span class="comment">//#define ST7789_2_DRIVER    // Minimal configuration option, define additional parameters below for this display</span></span><br><span class="line"><span class="comment">//#define R61581_DRIVER</span></span><br><span class="line"><span class="comment">//#define RM68140_DRIVER</span></span><br><span class="line"><span class="comment">//#define ST7796_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1351_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_480_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_800_DRIVER</span></span><br><span class="line"><span class="comment">//#define SSD1963_800ALT_DRIVER</span></span><br><span class="line"><span class="comment">//#define ILI9225_DRIVER</span></span><br><span class="line"><span class="comment">//#define GC9A01_DRIVER</span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>根据屏幕大小设置宽高</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// For ST7789, ST7735, ILI9163 and GC9A01 ONLY, define the pixel width and height in portrait orientation</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  80</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  128</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  172 // ST7789 172 x 320</span></span><br><span class="line"><span class="comment">// #define TFT_WIDTH  170 // ST7789 170 x 320</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_WIDTH  240 <span class="comment">// ST7789 240 x 240 and 240 x 320</span></span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 160</span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 128</span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 240 // ST7789 240 x 240</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_HEIGHT 320 <span class="comment">// ST7789 240 x 320</span></span></span><br><span class="line"><span class="comment">// #define TFT_HEIGHT 240 // GC9A01 240 x 240</span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>根据连线设置引脚</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// ### EDIT THE PIN NUMBERS IN THE LINES FOLLOWING TO SUIT YOUR ESP32 SETUP   ###</span></span><br><span class="line"><span class="comment">// For ESP32 Dev board (only tested with ILI9341 display)</span></span><br><span class="line"><span class="comment">// The hardware SPI can be mapped to any pins</span></span><br><span class="line"><span class="comment">//#define TFT_MISO 19</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_MOSI 17</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_SCLK 18</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_CS   15  <span class="comment">// Chip select control pin</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_DC    16  <span class="comment">// Data Command control pin</span></span></span><br><span class="line"><span class="comment">//#define TFT_RST   4  // Reset pin (could connect to RST pin)</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_RST  -1  <span class="comment">// Set TFT_RST to -1 if display RESET is connected to ESP32 board RST</span></span></span><br></pre></td></tr></table></figure>
+
+<h2 id="修改main-cpp"><a href="#修改main-cpp" class="headerlink" title="修改main.cpp"></a>修改main.cpp</h2><p>在屏幕上从上到下分别显示<font style="color: #ff0000">红</font><font style="color: #00ff00">绿</font><font style="color: #0000ff">蓝</font>三色，以及<font style="background: #8c8c8c;color: #ffffff">白色</font>文字，用来测试屏幕颜色显示是否正常。</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_GREY 0x5AEB</span></span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>();       <span class="comment">// Invoke custom library</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span> </span>&#123;</span><br><span class="line">  tft.<span class="built_in">init</span>();</span><br><span class="line">  tft.<span class="built_in">setRotation</span>(<span class="number">0</span>);</span><br><span class="line">  tft.<span class="built_in">fillScreen</span>(TFT_GREY);</span><br><span class="line">  tft.<span class="built_in">setTextColor</span>(TFT_WHITE, TFT_GREY);  <span class="comment">// Adding a background colour erases previous text automatically</span></span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">0</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_RED);</span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">50</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_GREEN);</span><br><span class="line">  tft.<span class="built_in">fillRect</span>(<span class="number">0</span>,<span class="number">100</span>,<span class="number">240</span>,<span class="number">50</span>,TFT_BLUE);</span><br><span class="line">  tft.<span class="built_in">drawCentreString</span>(<span class="string">&quot;Time flies&quot;</span>,<span class="number">120</span>,<span class="number">260</span>,<span class="number">4</span>);</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span> </span>&#123;</span><br><span class="line">  <span class="comment">// put your main code here, to run repeatedly:</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+
+<h2 id="下载调试"><a href="#下载调试" class="headerlink" title="下载调试"></a>下载调试</h2><ul>
+<li><p>编译下载<br><img src="/posts/2c4e27ec/load.png"></p>
+</li>
+<li><p>根据屏幕显示情况修改<code>User_Setup.h</code>文件</p>
+</li>
+</ul>
+<p>如果颜色反转(白色显示为黑色)，如下图所示，则取消下一个注释，尝试两个选项，其中一个选项应该纠正反转。<br><img src="/posts/2c4e27ec/image-20240410132437581.png"></p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// If colours are inverted (white shows as black) then uncomment one of the next</span></span><br><span class="line"><span class="comment">// 2 lines try both options, one of the options should correct the inversion.</span></span><br><span class="line"><span class="comment">// #define TFT_INVERSION_ON</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TFT_INVERSION_OFF</span></span><br></pre></td></tr></table></figure>
+<p>修改后，如下图所示，白色正常显示，但是RGB顺序存在问题<br><img src="/posts/2c4e27ec/image-20240410132701414.png"></p>
+<p>仅对于ST7735, ST7789和ILI9341，如果显示器上的蓝色和红色交换，则定义颜色顺序，一次尝试一个选项来找到显示的正确颜色顺序</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// For ST7735, ST7789 and ILI9341 ONLY, define the colour order IF the blue and red are swapped on your display</span></span><br><span class="line"><span class="comment">// Try ONE option at a time to find the correct colour order for your display</span></span><br><span class="line"><span class="comment">//  #define TFT_RGB_ORDER TFT_RGB  // Colour order Red-Green-Blue</span></span><br><span class="line"> <span class="meta">#<span class="keyword">define</span> TFT_RGB_ORDER TFT_BGR  <span class="comment">// Colour order Blue-Green-Red</span></span></span><br></pre></td></tr></table></figure>
+<p>修改后，如下图所示，RGB顺序正常<br><img src="/posts/2c4e27ec/image-20240410132744241.png"></p>
+<h1 id="LVGL测试"><a href="#LVGL测试" class="headerlink" title="LVGL测试"></a><font style="color: #6c9ba6">LVGL测试</font></h1><h2 id="添加LVGL"><a href="#添加LVGL" class="headerlink" title="添加LVGL"></a>添加LVGL</h2><ul>
+<li><p>根据实际情况，选择lvgl版本<br><img src="/posts/2c4e27ec/lvgl.png"><br>![](lvglinstall.png” style&#x3D;”zoom:67%;” &gt;</p>
+</li>
+<li><p>添加lvgl到工程<br>![](lvglinstalled.png” style&#x3D;”zoom:67%;” &gt;</p>
+</li>
+</ul>
+<h2 id="修改LVGL"><a href="#修改LVGL" class="headerlink" title="修改LVGL"></a>修改LVGL</h2><ul>
+<li><p>打开<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\lv_conf_template.h</code>文件</p>
+<p>将此文件重命名为<code>lv_conf.h</code></p>
+</li>
+</ul>
+<p>![](lvconf.png” style&#x3D;”zoom:67%;” &gt;</p>
+<ul>
+<li>使能lvgl</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/* clang-format off */</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 1 <span class="comment">/*Set it to &quot;1&quot; to enable content*/</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">ifndef</span> LV_CONF_H</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_CONF_H</span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>设置周期</li>
+</ul>
+<p>默认显示刷新周期。LVG将重新绘制改变的区域与这个周期时间<br>输入设备读取周期毫秒</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Default display refresh period. LVG will redraw changed areas with this period time*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_DISP_DEF_REFR_PERIOD 1      <span class="comment">/*[ms]*/</span></span></span><br><span class="line"><span class="comment">/*Input device read period in milliseconds*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_INDEV_DEF_READ_PERIOD 1     <span class="comment">/*[ms]*/</span></span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>心跳使能</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Use a custom tick source that tells the elapsed time in milliseconds.</span></span><br><span class="line"><span class="comment"> *It removes the need to manually update the tick with `lv_tick_inc()`)*/</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_TICK_CUSTOM 1</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> LV_TICK_CUSTOM</span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>使能测试案例</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Show some widget. It might be required to increase `LV_MEM_SIZE` */</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_USE_DEMO_WIDGETS 1</span></span><br><span class="line"><span class="meta">#<span class="keyword">if</span> LV_USE_DEMO_WIDGETS</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> LV_DEMO_WIDGETS_SLIDESHOW 0</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li><p>更改文件路径</p>
+<p>将<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\demos</code>文件夹移动至<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\src\demos</code></p>
+</li>
+<li><p>修改main.cpp</p>
+<p>将<code>.pio\libdeps\esp32-s3-devkitc-1\lvgl\examples\arduino\LVGL_Arduino\LVGL_Arduino.ino</code>文件内容复制</p>
+<ul>
+<li>设置头文件</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>设置宽高</li>
+</ul>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br></pre></td></tr></table></figure>
+
+<ul>
+<li>修改类型</li>
+</ul>
+<p><code>lv_disp_t</code>修改为<code>lv_disp_drv_t</code></p>
+<p><code>lv_indev_t</code>修改为<code>lv_indev_drv_t</code></p>
+<ul>
+<li>注释掉触摸部分</li>
+</ul>
+</li>
+</ul>
+<h2 id="修改完成"><a href="#修改完成" class="headerlink" title="修改完成"></a>修改完成</h2><p>最终<code>main.cpp</code>文件内容如下</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br><span class="line"><span class="comment">/*Change to your screen resolution*/</span></span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_disp_draw_buf_t</span> draw_buf;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_color_t</span> buf[ screenWidth * <span class="number">10</span> ];</span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>(screenWidth, screenHeight); <span class="comment">/* TFT instance */</span></span><br><span class="line"><span class="comment">/* Display flushing */</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_disp_flush</span><span class="params">( <span class="type">lv_disp_drv_t</span> *disp, <span class="type">const</span> <span class="type">lv_area_t</span> *area, <span class="type">lv_color_t</span> *color_p )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="type">uint32_t</span> w = ( area-&gt;x2 - area-&gt;x1 + <span class="number">1</span> );</span><br><span class="line">    <span class="type">uint32_t</span> h = ( area-&gt;y2 - area-&gt;y1 + <span class="number">1</span> );</span><br><span class="line">    tft.<span class="built_in">startWrite</span>();</span><br><span class="line">    tft.<span class="built_in">setAddrWindow</span>( area-&gt;x1, area-&gt;y1, w, h );</span><br><span class="line">    tft.<span class="built_in">pushColors</span>( ( <span class="type">uint16_t</span> * )&amp;color_p-&gt;full, w * h, <span class="literal">true</span> );</span><br><span class="line">    tft.<span class="built_in">endWrite</span>();</span><br><span class="line">    <span class="built_in">lv_disp_flush_ready</span>( disp );</span><br><span class="line">&#125;</span><br><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="comment">// void my_touchpad_read( lv_indev_drv_t * indev_driver, lv_indev_data_t * data )</span></span><br><span class="line"><span class="comment">// &#123;</span></span><br><span class="line"><span class="comment">//     uint16_t touchX, touchY;</span></span><br><span class="line"><span class="comment">//     bool touched = tft.getTouch( &amp;touchX, &amp;touchY, 600 );</span></span><br><span class="line"><span class="comment">//     if( !touched )</span></span><br><span class="line"><span class="comment">//     &#123;</span></span><br><span class="line"><span class="comment">//         data-&gt;state = LV_INDEV_STATE_REL;</span></span><br><span class="line"><span class="comment">//     &#125;</span></span><br><span class="line"><span class="comment">//     else</span></span><br><span class="line"><span class="comment">//     &#123;</span></span><br><span class="line"><span class="comment">//         data-&gt;state = LV_INDEV_STATE_PR;</span></span><br><span class="line"><span class="comment">//         /*Set the coordinates*/</span></span><br><span class="line"><span class="comment">//         data-&gt;point.x = touchX;</span></span><br><span class="line"><span class="comment">//         data-&gt;point.y = touchY;</span></span><br><span class="line"><span class="comment">//         Serial.print( &quot;Data x &quot; );</span></span><br><span class="line"><span class="comment">//         Serial.println( touchX );</span></span><br><span class="line"><span class="comment">//         Serial.print( &quot;Data y &quot; );</span></span><br><span class="line"><span class="comment">//         Serial.println( touchY );</span></span><br><span class="line"><span class="comment">//     &#125;</span></span><br><span class="line"><span class="comment">// &#125;</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    Serial.<span class="built_in">begin</span>( <span class="number">115200</span> ); <span class="comment">/* prepare for possible serial debug */</span></span><br><span class="line">    String LVGL_Arduino = <span class="string">&quot;Hello Arduino! &quot;</span>;</span><br><span class="line">    LVGL_Arduino += <span class="built_in">String</span>(<span class="string">&#x27;V&#x27;</span>) + <span class="built_in">lv_version_major</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_minor</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_patch</span>();</span><br><span class="line">    Serial.<span class="built_in">println</span>( LVGL_Arduino );</span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;I am LVGL_Arduino&quot;</span> );</span><br><span class="line">    <span class="built_in">lv_init</span>();</span><br><span class="line">    tft.<span class="built_in">begin</span>();          <span class="comment">/* TFT init */</span></span><br><span class="line">    tft.<span class="built_in">setRotation</span>( <span class="number">3</span> ); <span class="comment">/* Landscape orientation, flipped */</span></span><br><span class="line">    <span class="comment">/*Set the touchscreen calibration data,</span></span><br><span class="line"><span class="comment">     the actual data for your display can be acquired using</span></span><br><span class="line"><span class="comment">     the Generic -&gt; Touch_calibrate example from the TFT_eSPI library*/</span></span><br><span class="line">    <span class="type">uint16_t</span> calData[<span class="number">5</span>] = &#123; <span class="number">275</span>, <span class="number">3620</span>, <span class="number">264</span>, <span class="number">3532</span>, <span class="number">1</span> &#125;;</span><br><span class="line">    <span class="comment">// tft.setTouch( calData );</span></span><br><span class="line">    <span class="built_in">lv_disp_draw_buf_init</span>( &amp;draw_buf, buf, <span class="literal">NULL</span>, screenWidth * <span class="number">10</span> );</span><br><span class="line">    <span class="comment">/*Initialize the display*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_disp_drv_t</span> disp_drv;</span><br><span class="line">    <span class="built_in">lv_disp_drv_init</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Change the following line to your display resolution*/</span></span><br><span class="line">    disp_drv.hor_res = screenWidth;</span><br><span class="line">    disp_drv.ver_res = screenHeight;</span><br><span class="line">    disp_drv.flush_cb = my_disp_flush;</span><br><span class="line">    disp_drv.draw_buf = &amp;draw_buf;</span><br><span class="line">    <span class="built_in">lv_disp_drv_register</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Initialize the (dummy) input device driver*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_indev_drv_t</span> indev_drv;</span><br><span class="line">    <span class="built_in">lv_indev_drv_init</span>( &amp;indev_drv );</span><br><span class="line">    indev_drv.type = LV_INDEV_TYPE_POINTER;</span><br><span class="line">    <span class="comment">// indev_drv.read_cb = my_touchpad_read;</span></span><br><span class="line">    <span class="built_in">lv_indev_drv_register</span>( &amp;indev_drv );</span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 0</span></span><br><span class="line">    <span class="comment">/* Create simple label */</span></span><br><span class="line">    <span class="type">lv_obj_t</span> *label = <span class="built_in">lv_label_create</span>( <span class="built_in">lv_scr_act</span>() );</span><br><span class="line">    <span class="built_in">lv_label_set_text</span>( label, LVGL_Arduino.<span class="built_in">c_str</span>() );</span><br><span class="line">    <span class="built_in">lv_obj_align</span>( label, LV_ALIGN_CENTER, <span class="number">0</span>, <span class="number">0</span> );</span><br><span class="line"><span class="meta">#<span class="keyword">else</span></span></span><br><span class="line">    <span class="built_in">lv_demo_widgets</span>();            <span class="comment">// OK</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;Setup done&quot;</span> );</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="built_in">lv_timer_handler</span>(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line">    <span class="built_in">delay</span>( <span class="number">5</span> );</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="编译下载"><a href="#编译下载" class="headerlink" title="编译下载"></a>编译下载</h2><p>显示效果如下图<br><img src="/posts/2c4e27ec/image-20240410134038409.png"></p>
+<h1 id="触摸测试"><a href="#触摸测试" class="headerlink" title="触摸测试"></a><font style="color: #26c492">触摸测试</font></h1><h2 id="添加bb-captouch"><a href="#添加bb-captouch" class="headerlink" title="添加bb_captouch"></a>添加<code>bb_captouch</code></h2><p><img src="/posts/2c4e27ec/bb_captouch.png"></p>
+<h2 id="修改main-cpp-1"><a href="#修改main-cpp-1" class="headerlink" title="修改main.cpp"></a>修改<code>main.cpp</code></h2><ul>
+<li><p>添加头文件</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;bb_captouch.h&gt;</span></span></span><br></pre></td></tr></table></figure>
+</li>
+<li><p>设置触摸芯片引脚</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">// These defines are for a low cost ESP32 LCD board with the GT911 touch controller</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SDA  4</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SCL  2</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_INT 3</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_RST 1</span></span><br></pre></td></tr></table></figure>
+</li>
+<li><p>设置参数</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line">BBCapTouch bbct;</span><br><span class="line"><span class="type">const</span> <span class="type">char</span> *szNames[] = &#123;<span class="string">&quot;Unknown&quot;</span>, <span class="string">&quot;FT6x36&quot;</span>, <span class="string">&quot;GT911&quot;</span>, <span class="string">&quot;CST820&quot;</span>&#125;;</span><br></pre></td></tr></table></figure>
+</li>
+<li><p>初始化</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line">bbct.<span class="built_in">init</span>(TOUCH_SDA, TOUCH_SCL, TOUCH_RST, TOUCH_INT);</span><br></pre></td></tr></table></figure>
+</li>
+<li><p>修改<code>my_touchpad_read</code>函数</p>
+<p>这里的x,y坐标需要根据实际情况修改</p>
+<p><img src="/posts/2c4e27ec/pos.png"></p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_touchpad_read</span><span class="params">( <span class="type">lv_indev_drv_t</span> * indev_driver, <span class="type">lv_indev_data_t</span> * data )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    TOUCHINFO ti;</span><br><span class="line">    <span class="keyword">if</span>(bbct.<span class="built_in">getSamples</span>(&amp;ti))</span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_PR;</span><br><span class="line">        <span class="comment">/*Set the coordinates*/</span></span><br><span class="line">        data-&gt;point.x = screenWidth - ti.y[<span class="number">0</span>];</span><br><span class="line">        data-&gt;point.y = ti.x[<span class="number">0</span>];</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data x &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( screenWidth - ti.y[<span class="number">0</span>] );</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data y &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( ti.x[<span class="number">0</span>] );</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_REL;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+</ul>
+<h2 id="修改完成-1"><a href="#修改完成-1" class="headerlink" title="修改完成"></a>修改完成</h2><p>最终<code>main.cpp</code>文件内容如下</p>
+<figure class="highlight c++"><table><tr><td class="code"><pre><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;Arduino.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;SPI.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;lvgl.h&gt;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;TFT_eSPI.h&gt;</span> <span class="comment">// Hardware-specific library</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&quot;demos/lv_demos.h&quot;</span></span></span><br><span class="line"><span class="meta">#<span class="keyword">include</span> <span class="string">&lt;bb_captouch.h&gt;</span></span></span><br><span class="line"><span class="comment">// These defines are for a low cost ESP32 LCD board with the GT911 touch controller</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SDA  4</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_SCL  2</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_INT 3</span></span><br><span class="line"><span class="meta">#<span class="keyword">define</span> TOUCH_RST 1</span></span><br><span class="line">BBCapTouch bbct;</span><br><span class="line"><span class="type">const</span> <span class="type">char</span> *szNames[] = &#123;<span class="string">&quot;Unknown&quot;</span>, <span class="string">&quot;FT6x36&quot;</span>, <span class="string">&quot;GT911&quot;</span>, <span class="string">&quot;CST820&quot;</span>&#125;;</span><br><span class="line"><span class="comment">/*Change to your screen resolution*/</span></span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenWidth  = <span class="number">320</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">const</span> <span class="type">uint16_t</span> screenHeight = <span class="number">240</span>;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_disp_draw_buf_t</span> draw_buf;</span><br><span class="line"><span class="type">static</span> <span class="type">lv_color_t</span> buf[ screenWidth * <span class="number">10</span> ];</span><br><span class="line">TFT_eSPI tft = <span class="built_in">TFT_eSPI</span>(screenWidth, screenHeight); <span class="comment">/* TFT instance */</span></span><br><span class="line"><span class="comment">/* Display flushing */</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_disp_flush</span><span class="params">( <span class="type">lv_disp_drv_t</span> *disp, <span class="type">const</span> <span class="type">lv_area_t</span> *area, <span class="type">lv_color_t</span> *color_p )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="type">uint32_t</span> w = ( area-&gt;x2 - area-&gt;x1 + <span class="number">1</span> );</span><br><span class="line">    <span class="type">uint32_t</span> h = ( area-&gt;y2 - area-&gt;y1 + <span class="number">1</span> );</span><br><span class="line">    tft.<span class="built_in">startWrite</span>();</span><br><span class="line">    tft.<span class="built_in">setAddrWindow</span>( area-&gt;x1, area-&gt;y1, w, h );</span><br><span class="line">    tft.<span class="built_in">pushColors</span>( ( <span class="type">uint16_t</span> * )&amp;color_p-&gt;full, w * h, <span class="literal">true</span> );</span><br><span class="line">    tft.<span class="built_in">endWrite</span>();</span><br><span class="line">    <span class="built_in">lv_disp_flush_ready</span>( disp );</span><br><span class="line">&#125;</span><br><span class="line"><span class="comment">/*Read the touchpad*/</span></span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">my_touchpad_read</span><span class="params">( <span class="type">lv_indev_drv_t</span> * indev_driver, <span class="type">lv_indev_data_t</span> * data )</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="comment">// uint16_t touchX, touchY;</span></span><br><span class="line">    TOUCHINFO ti;</span><br><span class="line">    <span class="keyword">if</span>(bbct.<span class="built_in">getSamples</span>(&amp;ti))</span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_PR;</span><br><span class="line">        <span class="comment">/*Set the coordinates*/</span></span><br><span class="line">        data-&gt;point.x = screenWidth - ti.y[<span class="number">0</span>];</span><br><span class="line">        data-&gt;point.y = ti.x[<span class="number">0</span>];</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data x &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( screenWidth - ti.y[<span class="number">0</span>] );</span><br><span class="line">        Serial.<span class="built_in">print</span>( <span class="string">&quot;Data y &quot;</span> );</span><br><span class="line">        Serial.<span class="built_in">println</span>( ti.x[<span class="number">0</span>] );</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">    &#123;</span><br><span class="line">        data-&gt;state = LV_INDEV_STATE_REL;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">setup</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    Serial.<span class="built_in">begin</span>( <span class="number">115200</span> ); <span class="comment">/* prepare for possible serial debug */</span></span><br><span class="line">    String LVGL_Arduino = <span class="string">&quot;Hello Arduino! &quot;</span>;</span><br><span class="line">    LVGL_Arduino += <span class="built_in">String</span>(<span class="string">&#x27;V&#x27;</span>) + <span class="built_in">lv_version_major</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_minor</span>() + <span class="string">&quot;.&quot;</span> + <span class="built_in">lv_version_patch</span>();</span><br><span class="line">    Serial.<span class="built_in">println</span>( LVGL_Arduino );</span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;I am LVGL_Arduino&quot;</span> );</span><br><span class="line">    <span class="built_in">lv_init</span>();</span><br><span class="line">    tft.<span class="built_in">begin</span>();          <span class="comment">/* TFT init */</span></span><br><span class="line">    tft.<span class="built_in">setRotation</span>( <span class="number">3</span> ); <span class="comment">/* Landscape orientation, flipped */</span></span><br><span class="line">    bbct.<span class="built_in">init</span>(TOUCH_SDA, TOUCH_SCL, TOUCH_RST, TOUCH_INT);</span><br><span class="line">    <span class="type">int</span> iType = bbct.<span class="built_in">sensorType</span>();</span><br><span class="line">    Serial.<span class="built_in">printf</span>(<span class="string">&quot;Sensor type = %s\n&quot;</span>, szNames[iType]);</span><br><span class="line">    <span class="built_in">lv_disp_draw_buf_init</span>( &amp;draw_buf, buf, <span class="literal">NULL</span>, screenWidth * <span class="number">10</span> );</span><br><span class="line">    <span class="comment">/*Initialize the display*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_disp_drv_t</span> disp_drv;</span><br><span class="line">    <span class="built_in">lv_disp_drv_init</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Change the following line to your display resolution*/</span></span><br><span class="line">    disp_drv.hor_res = screenWidth;</span><br><span class="line">    disp_drv.ver_res = screenHeight;</span><br><span class="line">    disp_drv.flush_cb = my_disp_flush;</span><br><span class="line">    disp_drv.draw_buf = &amp;draw_buf;</span><br><span class="line">    <span class="built_in">lv_disp_drv_register</span>( &amp;disp_drv );</span><br><span class="line">    <span class="comment">/*Initialize the (dummy) input device driver*/</span></span><br><span class="line">    <span class="type">static</span> <span class="type">lv_indev_drv_t</span> indev_drv;</span><br><span class="line">    <span class="built_in">lv_indev_drv_init</span>( &amp;indev_drv );</span><br><span class="line">    indev_drv.type = LV_INDEV_TYPE_POINTER;</span><br><span class="line">    indev_drv.read_cb = my_touchpad_read;</span><br><span class="line">    <span class="built_in">lv_indev_drv_register</span>( &amp;indev_drv );</span><br><span class="line"><span class="meta">#<span class="keyword">if</span> 0</span></span><br><span class="line">    <span class="comment">/* Create simple label */</span></span><br><span class="line">    <span class="type">lv_obj_t</span> *label = <span class="built_in">lv_label_create</span>( <span class="built_in">lv_scr_act</span>() );</span><br><span class="line">    <span class="built_in">lv_label_set_text</span>( label, LVGL_Arduino.<span class="built_in">c_str</span>() );</span><br><span class="line">    <span class="built_in">lv_obj_align</span>( label, LV_ALIGN_CENTER, <span class="number">0</span>, <span class="number">0</span> );</span><br><span class="line"><span class="meta">#<span class="keyword">else</span></span></span><br><span class="line">    <span class="comment">// uncomment one of these demos</span></span><br><span class="line">    <span class="built_in">lv_demo_widgets</span>();            <span class="comment">// OK</span></span><br><span class="line"><span class="meta">#<span class="keyword">endif</span></span></span><br><span class="line">    Serial.<span class="built_in">println</span>( <span class="string">&quot;Setup done&quot;</span> );</span><br><span class="line">&#125;</span><br><span class="line"><span class="function"><span class="type">void</span> <span class="title">loop</span><span class="params">()</span></span></span><br><span class="line"><span class="function"></span>&#123;</span><br><span class="line">    <span class="built_in">lv_timer_handler</span>(); <span class="comment">/* let the GUI do its work */</span></span><br><span class="line">    <span class="built_in">delay</span>( <span class="number">5</span> );</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+
+<h2 id="编译下载-1"><a href="#编译下载-1" class="headerlink" title="编译下载"></a>编译下载</h2><p>触摸显示效果如下图所示<br><img src="/posts/2c4e27ec/image-20240410134339063.png"></p>
+<h1 id="END"><a href="#END" class="headerlink" title="END"></a>END</h1><center> 2024 <font color="#00bcd9">Levi5</font></center>
+]]></content>
+      <categories>
+        <category>ESP32</category>
+        <category>教程</category>
+      </categories>
+      <tags>
+        <tag>ESP32</tag>
+        <tag>PlatformIO</tag>
+        <tag>lvgl</tag>
+        <tag>2.8寸TFT</tag>
+        <tag>触摸屏</tag>
+        <tag>立创</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Hello World</title>
+    <url>/posts/4a17b156/</url>
+    <content><![CDATA[<p>Welcome to <a href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
+<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo new <span class="string">&quot;My New Post&quot;</span></span><br></pre></td></tr></table></figure>
+
+<p>More info: <a href="https://hexo.io/docs/writing.html">Writing</a></p>
+<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
+
+<p>More info: <a href="https://hexo.io/docs/server.html">Server</a></p>
+<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
+
+<p>More info: <a href="https://hexo.io/docs/generating.html">Generating</a></p>
+<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
+
+<p>More info: <a href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>
+]]></content>
+  </entry>
 </search>