ESP8266直驱TFT屏幕显示JPEG图片

mckk520

ESP8266直驱TFT屏幕显示JPEG图片，
8266开SPIFFS，直接把XX.jpg图片放在SPIFFS里，读取并显示在屏幕上，下一步，WEB网页直接上传图片，保存在SPIFFS，并更新显示在屏幕上
，
，
，
，
，
，
，
=========代码如下，=========

1. 
   
2. //====================================================================================
   
3. //                                  Libraries
   
4. //====================================================================================
   
5. // Call up the SPIFFS FLASH filing system this is part of the ESP Core
   
6. #define FS_NO_GLOBALS
   
7. #include <FS.h>
   
8. 
   
9. // JPEG decoder library
   
10. #include <JPEGDecoder.h>
    
11. 
    
12. // SPI library, built into IDE
    
13. #include <SPI.h>
    
14. 
    
15. // Call up the TFT library
    
16. #include <TFT_eSPI.h> // Hardware-specific library for ESP8266
    
17. // The TFT control pins are set in the User_Setup.h file <<<<<<<<<<<<<<<<< NOTE!
    
18. // that can be found in the "src" folder of the library
    
19. 
    
20. // Invoke TFT library
    
21. TFT_eSPI tft = TFT_eSPI();
    
22. 
    
23. //====================================================================================
    
24. //                                    Setup
    
25. //====================================================================================
    
26. void setup()
    
27. {
    
28. 
    
29.     delay(10);
    
30.    
    
31.   Serial.begin(115200); // Used for messages and the C array generator
    
32. 
    
33.   delay(10);
    
34.   Serial.println("");
    
35.   
    
36.   Serial.println("NodeMCU decoder test!");
    
37. 
    
38.    SPIFFS.begin();
    
39. 
    
40.    
    
41.   Serial.println("  SPIFFS.begin(); !");
    
42.      Serial.println("");
    
43. 
    
44.      
    
45.   tft.begin();
    
46.   tft.setRotation(0);  // 0 & 2 Portrait. 1 & 3 landscape
    
47.   tft.fillScreen(TFT_BLACK);
    
48. 
    
49. 
    
50. 
    
51.   if (!SPIFFS.begin())
    
52.   {
    
53.     Serial.println("SPIFFS initialisation failed!");
    
54.     while (1) yield(); // Stay here twiddling thumbs waiting
    
55.   }
    
56.   Serial.println("\r\nInitialisation done.");
    
57.   listFiles(); // Lists the files so you can see what is in the SPIFFS
    
58. 
    
59.   
    
60. if (!SPIFFS.begin())
    
61. {
    
62. Serial.println("SPIFFS initialisation failed!，SPIFFS初始化失败 ");
    
63. if (!SPIFFS.begin())
    
64. {
    
65. Serial.println("SPIFFS初始化失败22 ");
    
66. while (1) yield(); // Stay here twiddling thumbs waiting //呆在这里，手忙脚乱地等着
    
67. 
    
68. }
    
69. 
    
70. }
    
71. Serial.println("\r\nInitialisation done初始化完成.");
    
72. listFiles(); // Lists the files so you can see what is in the SPIFFS //列出文件，以便查看SPIFFS中的内容
    
73. 
    
74.   
    
75. 
    
76. }
    
77. 
    
78. //====================================================================================
    
79. //                                    Loop
    
80. //====================================================================================
    
81. void loop()
    
82. {
    
83.   // Note the / before the SPIFFS file name must be present, this means the file is in
    
84.   // the root directory of the SPIFFS, e.g. "/Tiger.jpg" for a file called "Tiger.jpg"
    
85. 
    
86. 
    
87.   tft.setRotation(0);  // portrait
    
88.   tft.fillScreen(random(0xFFFF));
    
89. 
    
90.   drawJpeg("/BaboonL", 0, 16); //1
    
91.   delay(2000);
    
92. 
    
93.   tft.fillScreen(random(0xFFFF));
    
94.   drawJpeg("/BaboonP.jpg", 4, 0);//2
    
95.   delay(2000);
    
96. 
    
97.   tft.setRotation(1);  // landscape
    
98.   //tft.fillScreen(random(0xFFFF));
    
99.   drawJpeg("/EagleEye.jpg", 0, 0);//3
    
100.   delay(2000);
     
101. 
     
102.   tft.fillScreen(TFT_BLACK);
     
103.   drawJpeg("/Mouse.jpg", 0, 4);//4
     
104.   delay(2000);
     
105. 
     
106. 
     
107. 
     
108. 
     
109. 
     
110. /*****************
     
111.   tft.setRotation(0);  // portrait
     
112.   tft.fillScreen(random(0xFFFF));
     
113. 
     
114.   drawJpeg("/EagleEye160.jpg", 0, 16);
     
115.   delay(2000);
     
116. 
     
117.   tft.fillScreen(random(0xFFFF));
     
118.   drawJpeg("/tiger160.jpg", 4, 0);
     
119.   delay(2000);
     
120. 
     
121.   tft.setRotation(1);  // landscape
     
122.   //tft.fillScreen(random(0xFFFF));
     
123.   drawJpeg("/arduino160.jpg", 0, 0);
     
124.   delay(2000);
     
125. 
     
126.   tft.fillScreen(TFT_BLACK);
     
127.   drawJpeg("/Baboon160.jpg", 0, 4);
     
128.   delay(2000);
     
129. 
     
130.   tft.fillScreen(random(0xFFFF));
     
131.   drawJpeg("/Mouse160.jpg", 0, 11);
     
132.   delay(2000);
     
133. 
     
134.   ****************/
     
135. 
     
136. 
     
137. //=============================
     
138.   // Create arrays from the jpeg images and send them to the serial port for copy and
     
139.   // pasting into a sketch (used to make arrays fot the TFT_FLASH_Jpeg sketch)
     
140. 
     
141.   //createArray("/EagleEye160.jpg");
     
142.   //createArray("/tiger160.jpg");
     
143.   //createArray("/Baboon160.jpg");
     
144.   //createArray("/Mouse160.jpg");
     
145.   //while(1) yield(); // Stay here
     
146. }
     
147. //====================================================================================

复制代码

人艰不拆了

显示速度如何？

mckk520

人艰不拆了 发表于 2020-4-11 23:40
显示速度如何？

刷图很慢，主要是spi

人艰不拆了

mckk520 发表于 2020-4-11 23:44
刷图很慢，主要是spi

哈哈，我的也很慢:mad:

qingkong

这个没搞过spi屏幕 但是看micropython是有个硬件spi接口的 80mhz啊

而arduino croe和micropython是同源的啊 ardunio应该也有类似的接口吧

micropyhton下的引用是hspi...

Hardware SPI bus
The hardware SPI is faster (up to 80Mhz), but only works on following pins: MISO is GPIO12, MOSI is GPIO13, and SCK is GPIO14. It has the same methods as the bitbanging SPI class above, except for the pin parameters for the constructor and init (as those are fixed):

qingkong

arduino也是有这个东西的


SPI
SPI library supports the entire Arduino SPI API including transactions, including setting phase (CPHA). Setting the Clock polarity (CPOL) is not supported, yet (SPI_MODE2 and SPI_MODE3 not working).

The usual SPI pins are:

MOSI = GPIO13
MISO = GPIO12
SCLK = GPIO14
There’s an extended mode where you can swap the normal pins to the SPI0 hardware pins. This is enabled by calling SPI.pins(6, 7, 8, 0) before the call to SPI.begin(). The pins would change to:

MOSI = SD1
MISO = SD0
SCLK = CLK
HWCS = GPIO0
This mode shares the SPI pins with the controller that reads the program code from flash and is controlled by a hardware arbiter (the flash has always higher priority). For this mode the CS will be controlled by hardware as you can’t handle the CS line with a GPIO, you never actually know when the arbiter is going to grant you access to the bus so you must let it handle CS automatically.

zxy882266

楼主我为了驱动9341找到TFT_eSPI学习了一下，8266下是没问题的，但我现在要 用ESP32驱动我搞不定了，你有方案吗？还有就是你说的图片显示问题能讲的详细点吗，俺软件真的不行，求教了

zxy882266

#include <FS.h>
#include <JPEGDecoder.h>
这俩库也贡献下吧楼主，如何添加他们

mckk520

zxy882266 发表于 2020-4-13 11:30
楼主我为了驱动9341找到TFT_eSPI学习了一下，8266下是没问题的，但我现在要 用ESP32驱动我搞不定了，你有方 ...

那个库，里面有个文件可以修改32的脚，强大网络都有你下得到的东西

温力口

谢谢分享。。。。。厉害！把玩8266得心应手。。。。

zxy882266

人艰不拆了 发表于 2020-4-11 23:46
哈哈，我的也很慢

我的8266SPI刷到飞，不知道你们咋回事

www.jztmkj.com

我用Adafruit库  spi刷屏也是飞起啊，可以跑动画呢

stategrid

www.jztmkj.com 发表于 2020-7-5 00:28
我用Adafruit库  spi刷屏也是飞起啊，可以跑动画呢

我用micropython ，esp32硬件spi驱动oled也慢

李shine

有两个问题想求教一下楼主：listFiles 和 drawJpeg这两个函数内容是啥呀，不太懂:doubt:doubt:

inthsunshine

stategrid 发表于 2020-7-22 00:42
我用micropython ，esp32硬件spi驱动oled也慢

是库的问题，层层封装影响了刷新速度， 硬件SPI不背锅，，一闪而过几乎感觉不到延迟，我曾发过帖子

vxfine

: In function 'void loop()':
3_4_8_SPIFFS_File_Upload_Server:88:3: error: 'drawJpeg' was not declared in this scope
   88 |   drawJpeg("/01.jpg", 4, 0);//2
      |   ^~~~~~~~

请问是什么错误，怎么修改？ 这个 drawJpeg  有问题

vxfine

listFiles()  drawJpeg  可以发这两个涵数代码吗？？？