Arduino开发板使用3.2寸HX8357B彩色TFT显示屏的方法 - Arduino专区

发表于: 2020-10-19 20:50:18 | 显示全部楼层

大家好，欢迎来到今天的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调用自定义库。

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

复制代码

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

#define TFT_GREY 0x7BEF

复制代码

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

void setup()
{
randomSeed(analogRead(5));
Serial.begin(38400);
// Setup the LCD
tft.init();
tft.setRotation(1);
}

复制代码

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

void loop()
{
int buf[478];
int x, x2;
int y, y2;
int r;
runTime = millis();
// Clear the screen and draw the frame
tft.fillScreen(TFT_BLACK);
tft.fillRect(0, 0, 480, 13, TFT_RED);
tft.fillRect(0, 305, 480, 320, TFT_GREY);
tft.setTextColor(TFT_BLACK,TFT_RED);
tft.drawCentreString("* TFT_HX8357_Due *", CENTRE, 3, 1);
tft.setTextColor(TFT_YELLOW,TFT_GREY);
tft.drawCentreString("Adapted by Bodmer", CENTRE, 309,1);
tft.drawRect(0, 14, 479, 305-14, TFT_BLUE);
// Draw crosshairs
tft.drawLine(239, 15, 239, 304, TFT_BLUE);
tft.drawLine(1, 159, 478, 159, TFT_BLUE);
for (int i=9; i<470; i+=10)
tft.drawLine(i, 157, i, 161, TFT_BLUE);
for (int i=19; i<220; i+=10)
tft.drawLine(237, i, 241, i, TFT_BLUE);
// Draw sin-, cos- and tan-lines
tft.setTextColor(TFT_CYAN);
tft.drawString("Sin", 5, 15,2);
for (int i=1; i<478; i++)
{
tft.drawPixel(i,159+(sin(((i*1.13)*3.14)/180)*95),TFT_CYAN);
}
tft.setTextColor(TFT_RED);
tft.drawString("Cos", 5, 30,2);
for (int i=1; i<478; i++)
{
tft.drawPixel(i,159+(cos(((i*1.13)*3.14)/180)*95),TFT_RED);
}
tft.setTextColor(TFT_YELLOW);
tft.drawString("Tan", 5, 45,2);
for (int i=1; i<478; i++)
{
tft.drawPixel(i,159+(tan(((i*1.13)*3.14)/180)),TFT_YELLOW);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
tft.drawLine(239, 15, 239, 304,TFT_BLUE);
tft.drawLine(1, 159, 478, 159,TFT_BLUE);
// Draw a moving sinewave
int col = 0;
x=1;
for (int i=1; i<(477*15); i++)
{
x++;
if (x==478)
x=1;
if (i>478)
{
if ((x==239)||(buf[x-1]==159))
col = TFT_BLUE;
else
tft.drawPixel(x,buf[x-1],TFT_BLACK);
}
y=159+(sin(((i*0.7)*3.14)/180)*(90-(i / 100)));
tft.drawPixel(x,y, TFT_BLUE);
buf[x-1]=y;
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some filled rectangles
for (int i=1; i<6; i++)
{
switch (i)
{
case 1:
col = TFT_MAGENTA;
break;
case 2:
col = TFT_RED;
break;
case 3:
col = TFT_GREEN;
break;
case 4:
col = TFT_BLUE;
break;
case 5:
col = TFT_YELLOW;
break;
}
tft.fillRect(150+(i*20), 70+(i*20), 60, 60,col);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some filled, rounded rectangles
for (int i=1; i<6; i++)
{
switch (i)
{
case 1:
col = TFT_MAGENTA;
break;
case 2:
col = TFT_RED;
break;
case 3:
col = TFT_GREEN;
break;
case 4:
col = TFT_BLUE;
break;
case 5:
col = TFT_YELLOW;
break;
}
tft.fillRoundRect(270-(i*20), 70+(i*20), 60, 60, 3, col);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some filled circles
for (int i=1; i<6; i++)
{
switch (i)
{
case 1:
col = TFT_MAGENTA;
break;
case 2:
col = TFT_RED;
break;
case 3:
col = TFT_GREEN;
break;
case 4:
col = TFT_BLUE;
break;
case 5:
col = TFT_YELLOW;
break;
}
tft.fillCircle(180+(i*20),100+(i*20), 30,col);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some lines in a pattern
for (int i=15; i<304; i+=5)
{
tft.drawLine(1, i, (i*1.6)-10, 303, TFT_RED);
}
for (int i=304; i>15; i-=5)
{
tft.drawLine(477, i, (i*1.6)-11, 15, TFT_RED);
}
for (int i=304; i>15; i-=5)
{
tft.drawLine(1, i, 491-(i*1.6), 15, TFT_CYAN);
}
for (int i=15; i<304; i+=5)
{
tft.drawLine(477, i, 490-(i*1.6), 303, TFT_CYAN);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some random circles
for (int i=0; i<100; i++)
{
x=32+random(416);
y=45+random(226);
r=random(30);
tft.drawCircle(x, y, r,random(0xFFFF));
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some random rectangles
for (int i=0; i<100; i++)
{
x=2+random(476);
y=16+random(289);
x2=2+random(476);
y2=16+random(289);
if (x2<x) {
r=x;x=x2;x2=r;
}
if (y2<y) {
r=y;y=y2;y2=r;
}
tft.drawRect(x, y, x2-x, y2-y,random(0xFFFF));
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
// Draw some random rounded rectangles
for (int i=0; i<100; i++)
{
x=2+random(476);
y=16+random(289);
x2=2+random(476);
y2=16+random(289);
if (x2<x) {
r=x;x=x2;x2=r;
}
if (y2<y) {
r=y;y=y2;y2=r;
}
tft.drawRoundRect(x, y, x2-x, y2-y, 3,random(0xFFFF));
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
for (int i=0; i<100; i++)
{
x=2+random(476);
y=16+random(289);
x2=2+random(476);
y2=16+random(289);
col=random(0xFFFF);
tft.drawLine(x, y, x2, y2,col);
}
delay(WAIT);
tft.fillRect(1,15,478-1,304-15,TFT_BLACK);
for (int i=0; i<10000; i++)
{
tft.drawPixel(2+random(476), 16+random(289),random(0xFFFF));
}
delay(WAIT);
tft.fillRect(0, 0, 480, 320, TFT_BLUE);
tft.fillRoundRect(160, 70, 319-160, 169-70, 3,TFT_RED);
tft.setTextColor(TFT_WHITE,TFT_RED);
tft.drawCentreString("That's it!", CENTRE, 93,2);
tft.drawCentreString("Restarting in a", CENTRE, 119, 2);
tft.drawCentreString("few seconds...", CENTRE, 132, 2);
tft.setTextColor(TFT_GREEN,TFT_BLUE);
tft.drawCentreString("Runtime: (msecs)", CENTRE, 280, 2);
tft.setTextDatum(TC_DATUM);
runTime = millis()-runTime;
tft.drawNumber(runTime, CENTRE, 300,2);
tft.setTextDatum(TL_DATUM);
delay (10000);
}

复制代码

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

演示效果

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

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

电梯直达

Arduino开发板使用3.2寸HX8357B彩色TFT显示屏的方法 [复制链接]

相关帖子

Arduino专区

精彩推荐