大家好，欢迎来到今天的Arduino教程。在本篇文章中，我们将向您展示如何在Arduino开发板上使用3.2寸彩色TFT显示屏。

每个项目的显示需求都是独特的，一个项目可能只需要一个简单的单字符OLED显示屏，而另一个项目可能需要一个尺寸大的显示屏，所有这些都是根据要执行的功能来决定。因此，作为制造商或电子爱好者，任何人都需要知道如何使用尽可能多种的显示屏，这就是今天的原因，我们将看看如何在Arduino开发板上使用超便宜的3.2寸彩色TFT显示屏。

在本篇文章种，我们将使用3.2寸TFT显示屏。该显示屏基于HX8357B LCD控制器，支持16线DataBus接口，480 x 320分辨率，提供262K颜色。该模块包括一个SD卡插槽、一个SPI FLASH电路以及一个5V-3.3V电源和逻辑电平转换电路，可轻松与任何使用5v或3.3v逻辑电平的微控制器一起使用。该模块可以直接插入Arduino Mega或Due开发板上。为演示显示屏的工作原理，我们将使用UTFT LCD库在显示屏上显示一些图像和文本，包括动画。所有这些都将说明如何将显示屏用于诸如示波器之类的设备。

所需的组件

●    3.2寸TFT显示屏

●    Arduino Due开发板

●    Arduino Mega开发板

原理图

显示屏采用扩展板的方式，这意味着可以将其直接插入要使用的Arduino，因此不需要原理图。如下图所示，将显示器屏插入Arduino Mega或Due。

代码

为了实现本文的目标，我们将使用UTFT库中自带的简单示例代码。 UTFT库是为了方便微控制器和LCD显示屏之间的交互而制作的库。不幸的是，最新版本的UTFT库不支持用于3.2英寸TFT显示屏的HX8357B LCD控制器。为了解决这个问题，我们将在Arduino IDE上安装该库的以前版本。Henning Karlsen编写的库非常棒，可以从下面的链接下载。这些库是为每个Arduino开发板预先构建的，因此请从下面的链接中选择与您正在使用的开发板相匹配的正确库。

●    Arduino Mega开发板：https://github.com/Bodmer/TFT_HX8357

●    Arduino Due开发板：https://github.com/Bodmer/TFT_HX8357_Due

在下载并启动Arduino IDE实例后，使用您喜欢的库安装方法来安装库。打开IDE，单击文件，选择示例，选择UTFT，然后选择Display Demo或UTFT_Demo_480x320示例。

我们将尝试对代码进行简要说明。该代码首先将其运行速度（变量WAIT）设置为2000。此速度可以降低为零，因此演示可以缓慢播放。之后，我们包含utft库并为Arduino Due调用自定义库。

1. #define WAIT 2000 // Delay between tests, set to 0 to demo speed, 2000 to see what it does!
   
2. 
   
3. #define CENTRE 240
   
4. 
   
5. #include <TFT_HX8357_Due.h> // Hardware-specific library
   
6. 
   
7. TFT_HX8357_Due tft = TFT_HX8357_Due();       // Invoke custom library

复制代码

接下来，我们为要使用的字体指定初始颜色。应当注意，要使用自定义字体，必须通过编辑库中的User_Setup.h文件将它们预先加载到库中。

1. #define TFT_GREY 0x7BEF

复制代码

完成后，我们开始void setup()函数。在setup()函数中，我们使用init命令初始化LCD，并使用set rotation(1)函数确保LCD显示屏处于横向视角。

1. void setup()
   
2. {
   
3.   randomSeed(analogRead(5));
   
4.   Serial.begin(38400);
   
5. // Setup the LCD
   
6.   tft.init();
   
7.   tft.setRotation(1);
   
8. }

复制代码

接下来是void loop()函数，可以将其用作函数以及如何使用它们的参考。 void loop函数使用了许多函数，这些函数在演示中用于实现不同的效果。这些函数易于使用，并且从它们的名称中就可以轻松分辨出它们的功能。

1. void loop()
   
2. {
   
3.   int buf[478];
   
4.   int x, x2;
   
5.   int y, y2;
   
6.   int r;
   
7. 
   
8.   runTime = millis();
   
9. // Clear the screen and draw the frame
   
10.   tft.fillScreen(TFT_BLACK);
    
11. 
    
12.   tft.fillRect(0, 0, 480, 13, TFT_RED);
    
13. 
    
14.   tft.fillRect(0, 305, 480, 320, TFT_GREY);
    
15.   tft.setTextColor(TFT_BLACK,TFT_RED);
    
16. 
    
17.   tft.drawCentreString("* TFT_HX8357_Due *", CENTRE, 3, 1);
    
18.   tft.setTextColor(TFT_YELLOW,TFT_GREY);
    
19.   tft.drawCentreString("Adapted by Bodmer", CENTRE, 309,1);
    
20. 
    
21.   tft.drawRect(0, 14, 479, 305-14, TFT_BLUE);
    
22. 
    
23. // Draw crosshairs
    
24.   tft.drawLine(239, 15, 239, 304, TFT_BLUE);
    
25.   tft.drawLine(1, 159, 478, 159, TFT_BLUE);
    
26.   for (int i=9; i<470; i+=10)
    
27.     tft.drawLine(i, 157, i, 161, TFT_BLUE);
    
28.   for (int i=19; i<220; i+=10)
    
29.     tft.drawLine(237, i, 241, i, TFT_BLUE);
    
30. 
    
31. // Draw sin-, cos- and tan-lines  
    
32.   tft.setTextColor(TFT_CYAN);
    
33.   tft.drawString("Sin", 5, 15,2);
    
34.   for (int i=1; i<478; i++)
    
35.   {
    
36.     tft.drawPixel(i,159+(sin(((i*1.13)*3.14)/180)*95),TFT_CYAN);
    
37.   }
    
38.   
    
39.   tft.setTextColor(TFT_RED);
    
40.   tft.drawString("Cos", 5, 30,2);
    
41.   for (int i=1; i<478; i++)
    
42.   {
    
43.     tft.drawPixel(i,159+(cos(((i*1.13)*3.14)/180)*95),TFT_RED);
    
44.   }
    
45. 
    
46.   tft.setTextColor(TFT_YELLOW);
    
47.   tft.drawString("Tan", 5, 45,2);
    
48.   for (int i=1; i<478; i++)
    
49.   {
    
50.     tft.drawPixel(i,159+(tan(((i*1.13)*3.14)/180)),TFT_YELLOW);
    
51.   }
    
52. 
    
53.   delay(WAIT);
    
54. 
    
55.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
    
56.   tft.drawLine(239, 15, 239, 304,TFT_BLUE);
    
57.   tft.drawLine(1, 159, 478, 159,TFT_BLUE);
    
58. 
    
59. // Draw a moving sinewave
    
60. int col = 0;
    
61.   x=1;
    
62.   for (int i=1; i<(477*15); i++)
    
63.   {
    
64.     x++;
    
65.     if (x==478)
    
66.       x=1;
    
67.     if (i>478)
    
68.     {
    
69.       if ((x==239)||(buf[x-1]==159))
    
70.         col = TFT_BLUE;
    
71.       else
    
72.         tft.drawPixel(x,buf[x-1],TFT_BLACK);
    
73.     }
    
74.     y=159+(sin(((i*0.7)*3.14)/180)*(90-(i / 100)));
    
75.     tft.drawPixel(x,y, TFT_BLUE);
    
76.     buf[x-1]=y;
    
77.   }
    
78. 
    
79.   delay(WAIT);
    
80.   
    
81.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
    
82. 
    
83. // Draw some filled rectangles
    
84.   for (int i=1; i<6; i++)
    
85.   {
    
86.     switch (i)
    
87.     {
    
88.       case 1:
    
89.         col = TFT_MAGENTA;
    
90.         break;
    
91.       case 2:
    
92.         col = TFT_RED;
    
93.         break;
    
94.       case 3:
    
95.         col = TFT_GREEN;
    
96.         break;
    
97.       case 4:
    
98.         col = TFT_BLUE;
    
99.         break;
    
100.       case 5:
     
101.         col = TFT_YELLOW;
     
102.         break;
     
103.     }
     
104.     tft.fillRect(150+(i*20), 70+(i*20), 60, 60,col);
     
105.   }
     
106. 
     
107.   delay(WAIT);
     
108.   
     
109.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
110. 
     
111. // Draw some filled, rounded rectangles
     
112.   for (int i=1; i<6; i++)
     
113.   {
     
114.     switch (i)
     
115.     {
     
116.       case 1:
     
117.         col = TFT_MAGENTA;
     
118.         break;
     
119.       case 2:
     
120.         col = TFT_RED;
     
121.         break;
     
122.       case 3:
     
123.         col = TFT_GREEN;
     
124.         break;
     
125.       case 4:
     
126.         col = TFT_BLUE;
     
127.         break;
     
128.       case 5:
     
129.         col = TFT_YELLOW;
     
130.         break;
     
131.     }
     
132.     tft.fillRoundRect(270-(i*20), 70+(i*20), 60, 60, 3, col);
     
133.   }
     
134.   
     
135.   delay(WAIT);
     
136.   
     
137.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
138. 
     
139. // Draw some filled circles
     
140.   for (int i=1; i<6; i++)
     
141.   {
     
142.     switch (i)
     
143.     {
     
144.       case 1:
     
145.         col = TFT_MAGENTA;
     
146.         break;
     
147.       case 2:
     
148.         col = TFT_RED;
     
149.         break;
     
150.       case 3:
     
151.         col = TFT_GREEN;
     
152.         break;
     
153.       case 4:
     
154.         col = TFT_BLUE;
     
155.         break;
     
156.       case 5:
     
157.         col = TFT_YELLOW;
     
158.         break;
     
159.     }
     
160.     tft.fillCircle(180+(i*20),100+(i*20), 30,col);
     
161.   }
     
162.   
     
163.   delay(WAIT);
     
164.   
     
165.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
166. 
     
167. // Draw some lines in a pattern
     
168. 
     
169.   for (int i=15; i<304; i+=5)
     
170.   {
     
171.     tft.drawLine(1, i, (i*1.6)-10, 303, TFT_RED);
     
172.   }
     
173. 
     
174.   for (int i=304; i>15; i-=5)
     
175.   {
     
176.     tft.drawLine(477, i, (i*1.6)-11, 15, TFT_RED);
     
177.   }
     
178. 
     
179.   for (int i=304; i>15; i-=5)
     
180.   {
     
181.     tft.drawLine(1, i, 491-(i*1.6), 15, TFT_CYAN);
     
182.   }
     
183. 
     
184.   for (int i=15; i<304; i+=5)
     
185.   {
     
186.     tft.drawLine(477, i, 490-(i*1.6), 303, TFT_CYAN);
     
187.   }
     
188.   
     
189.   delay(WAIT);
     
190.   
     
191.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
192. 
     
193. // Draw some random circles
     
194.   for (int i=0; i<100; i++)
     
195.   {
     
196.     x=32+random(416);
     
197.     y=45+random(226);
     
198.     r=random(30);
     
199.     tft.drawCircle(x, y, r,random(0xFFFF));
     
200.   }
     
201. 
     
202.   delay(WAIT);
     
203.   
     
204.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
205. 
     
206. // Draw some random rectangles
     
207.   for (int i=0; i<100; i++)
     
208.   {
     
209.     x=2+random(476);
     
210.     y=16+random(289);
     
211.     x2=2+random(476);
     
212.     y2=16+random(289);
     
213.     if (x2<x) {
     
214.       r=x;x=x2;x2=r;
     
215.     }
     
216.     if (y2<y) {
     
217.       r=y;y=y2;y2=r;
     
218.     }
     
219.     tft.drawRect(x, y, x2-x, y2-y,random(0xFFFF));
     
220.   }
     
221. 
     
222.   delay(WAIT);
     
223.   
     
224.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
225. 
     
226. // Draw some random rounded rectangles
     
227.   for (int i=0; i<100; i++)
     
228.   {
     
229.     x=2+random(476);
     
230.     y=16+random(289);
     
231.     x2=2+random(476);
     
232.     y2=16+random(289);
     
233.     if (x2<x) {
     
234.       r=x;x=x2;x2=r;
     
235.     }
     
236.     if (y2<y) {
     
237.       r=y;y=y2;y2=r;
     
238.     }
     
239.     tft.drawRoundRect(x, y, x2-x, y2-y, 3,random(0xFFFF));
     
240.   }
     
241. 
     
242.   delay(WAIT);
     
243.   
     
244.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
245. 
     
246.   for (int i=0; i<100; i++)
     
247.   {
     
248.     x=2+random(476);
     
249.     y=16+random(289);
     
250.     x2=2+random(476);
     
251.     y2=16+random(289);
     
252.     col=random(0xFFFF);
     
253.     tft.drawLine(x, y, x2, y2,col);
     
254.   }
     
255. 
     
256.   delay(WAIT);
     
257.   
     
258.   tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
     
259. 
     
260.   for (int i=0; i<10000; i++)
     
261.   {
     
262.     tft.drawPixel(2+random(476), 16+random(289),random(0xFFFF));
     
263.   }
     
264. 
     
265.   delay(WAIT);
     
266. 
     
267.   tft.fillRect(0, 0, 480, 320, TFT_BLUE);
     
268. 
     
269.   tft.fillRoundRect(160, 70, 319-160, 169-70, 3,TFT_RED);
     
270.   
     
271.   tft.setTextColor(TFT_WHITE,TFT_RED);
     
272.   tft.drawCentreString("That's it!", CENTRE, 93,2);
     
273.   tft.drawCentreString("Restarting in a", CENTRE, 119, 2);
     
274.   tft.drawCentreString("few seconds...", CENTRE, 132, 2);
     
275. 
     
276.   tft.setTextColor(TFT_GREEN,TFT_BLUE);
     
277.   tft.drawCentreString("Runtime: (msecs)", CENTRE, 280, 2);
     
278.   tft.setTextDatum(TC_DATUM);
     
279.   runTime = millis()-runTime;
     
280.   tft.drawNumber(runTime, CENTRE, 300,2);
     
281.   tft.setTextDatum(TL_DATUM);
     
282.   delay (10000);
     
283. }

复制代码

花一些时间浏览代码以更好地了解每个函数的功能。

演示效果

将代码上传到Arduino开发板上，几分钟后您应该会看到显示出来的内容，显示文本和其他图形。 下图显示了运行中的显示视图。

您可以使用本文上面提到的两个Arduino开发板中的任何一个。 Arduino Due比Arduino mega运行速度更快，因此它将比mega更快地运行代码。 例如，在Arduino Due上，代码花了23秒才能结束，而在Arduino Mega上，花了44秒才能确认结束。以上就是本文的全部内容，是不是太酷了？ 您将使用此显示屏制作哪些项目呢？欢迎在下面回复中分享您的项目。