Arduino 使用 TFT 彩屏

最新推荐文章于 2025-03-03 12:08:40 发布
最新推荐文章于 2025-03-03 12:08:40 发布
阅读量2k 收藏 26
点赞数 7
文章标签： 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36349997/article/details/135540184
版权
这篇博客介绍了如何在Arduino环境下，利用Arduino UNO和1.8寸128x160 RGB TFT彩屏（ST7735）进行基本显示操作。内容包括硬件连接、软件设置，如使用Arduino IDE和Adafruit库。博客详细讲解了纯色填充屏幕、字符串显示、绘制直线和多种几何图形（矩形、圆形、三角形、圆角矩形及组合图案）的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

（如有更新，见原文：https://blog.iyatt.com/?p=12284）

1环境

1.1 硬件

Arduino UNO
1.8 寸 128x160 RGB TFT（ST7735）
file

1.2 软件

Arduino IDE 2.2.1
Adafruit ST7735 and ST7789 Library 1.10.3

接线：

\begin{array}{|l|l|}
\hline
TFT & Arduino \\
\hline
SCL & 13 （硬件 SPI - SCLK）\\
SDA & 11 （硬件 SPI - MOSI）\\
RST & 9 \\
DC & 8 \\
CS & 10 \\
GND & GND \\
VCC & 5V（3.3V 不能正常工作）\\
\hline
\end{array}

2 基本显示

关于颜色转换参考：https://blog.iyatt.com/?p=12867
2.1 是完全代码，后面开始非 setup 和 loop 部分都和 2.1 一样，直接省略。

2.1 纯色填充屏幕

#include <Adafruit_ST7735.h>
#include <SPI.h>

#define CS      10
#define RST     9
#define DC      8

Adafruit_ST7735 tft = Adafruit_ST7735(CS, DC, RST);

uint16_t rgb888_to_565 (uint32_t rgb888, bool reverse = false)
{
	uint8_t r = (rgb888 & 0xFF0000) >> 16;
	uint8_t g = (rgb888 & 0x00FF00) >> 8;
	uint8_t b = (rgb888 & 0x0000FF);

    if (reverse)
    {
        return ((b >> 3) << 11) |
                ((g >> 2) << 5) |
                (r >> 3);
    }
	
	return ((r >> 3) << 11) |
            ((g >> 2) << 5) |
            (b >> 3);
}

uint16_t rgb888_to_565(uint8_t r, uint8_t g, uint8_t b, bool reverse = false)
{
    if (reverse)
    {
        return ((b >> 3) << 11) |
                ((g >> 2) << 5) |
                (r >> 3);
    }

    return ((r >> 3) << 11) |
            ((g >> 2) << 5) |
            (b >> 3);
}

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
}

void loop()
{
    // 自定义颜色
    tft.fillScreen(rgb888_to_565(255, 0, 255, true)); // 紫色
    delay(500);
    tft.fillScreen(rgb888_to_565(0xFFC0CB, true)); // 粉色
    delay(500);
    tft.fillScreen(rgb888_to_565(255, 0, 0, true)); // 红色
    delay(500);
}

可以看到各种颜色轮番闪烁
file
file

2.2 字符串显示

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    tft.fillScreen(ST77XX_BLACK); // 填充黑屏
    delay(1000);

    tft.setCursor(0, 0); // 设置起始光标位置
    tft.setTextColor(rgb888_to_565(0xFF0000, true)); // 设置颜色
    tft.setTextWrap(true); // 设置自动换行
    tft.print("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing ante sed nibh tincidunt feugiat. Maecenas enim massa, fringilla sed malesuada et, malesuada sit amet turpis. Sed porttitor neque ut ante pretium vitae malesuada nunc bibendum. Nullam aliquet ultrices massa eu hendrerit. Ut sed nisi lorem. In vestibulum purus a tortor imperdiet posuere. ");
    // delay(2000);
    tft.setTextWrap(false);
}

void loop()
{
    tft.fillScreen(ST77XX_BLACK);
    

    tft.setCursor(0, 30);
    tft.setTextSize(1);
    tft.setTextColor(rgb888_to_565(0xE3CF57, true));
    tft.println("hello world!");
    delay(500);

    tft.setTextColor(rgb888_to_565(0xFF00FF, true));
    tft.setTextSize(2);
    tft.println("hello world!");
    delay(500);

    tft.setTextColor(rgb888_to_565(0xFF8000, true));
    tft.setTextSize(3);
    tft.println("hello world!");
    delay(500);
}

file
file

2.3 绘制直线

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    uint16_t color = rgb888_to_565(255, 0, 0, true); // 红色
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=0; x < tft.width(); x+=6)
    {
        tft.drawLine(0, 0, x, tft.height()-1, color);
        delay(10);
    }
    for (int16_t y=0; y < tft.height(); y+=6)
    {
        tft.drawLine(0, 0, tft.width()-1, y, color);
        delay(10);
    }

    color = rgb888_to_565(0, 255, 0, true); // 绿色
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=0; x < tft.width(); x+=6)
    {
        tft.drawLine(tft.width()-1, 0, x, tft.height()-1, color);
        delay(10);
    }
    for (int16_t y=0; y < tft.height(); y+=6)
    {
        tft.drawLine(tft.width()-1, 0, 0, y, color);
        delay(10);
    }

    color = rgb888_to_565(0, 0, 255, true); // 蓝色
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=0; x < tft.width(); x+=6)
    {
        tft.drawLine(0, tft.height()-1, x, 0, color);
        delay(10);
    }
    for (int16_t y=0; y < tft.height(); y+=6)
    {
        tft.drawLine(0, tft.height()-1, tft.width()-1, y, color);
        delay(10);
    }

    color = rgb888_to_565(255, 0, 255, true); // 紫色
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=0; x < tft.width(); x+=6)
    {
        tft.drawLine(tft.width()-1, tft.height()-1, x, 0, color);
        delay(10);
    }
    for (int16_t y=0; y < tft.height(); y+=6)
    {
        tft.drawLine(tft.width()-1, tft.height()-1, 0, y, color);
        delay(10);
    }
}

file
file
file

水平线和垂直线

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    static uint16_t color1 = rgb888_to_565(255, 0, 0, true);
    static uint16_t color2 = rgb888_to_565(0, 0, 255);
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t y=0; y < tft.height(); y+=5)
    {
        tft.drawFastHLine(0, y, tft.width(), color1);
        delay(30);
    }
    for (int16_t x=0; x < tft.width(); x+=5)
    {
        tft.drawFastVLine(x, 0, tft.height(), color2);
        delay(30);
    }
}

file
file

2.4 绘制几何图形

2.4.1 绘制矩形

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    static uint16_t color1 = rgb888_to_565(255, 0, 0, true);
    static uint16_t color2 = rgb888_to_565(0, 0, 255, true);
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=tft.width()-1; x > 6; x-=6)
    {
        tft.fillRect(tft.width()/2 -x/2, tft.height()/2 -x/2 , x, x, color1); // 实心
        tft.drawRect(tft.width()/2 -x/2, tft.height()/2 -x/2 , x, x, color2); // 边框
        delay(50);
    }
}

file
file

2.4.2 绘制圆形

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    static uint16_t color1 = rgb888_to_565(255, 0, 0, true);
    static uint16_t color2 = rgb888_to_565(0, 0, 255, true);
    static uint8_t radius = 30;
    tft.fillScreen(ST77XX_BLACK);
    for (int16_t x=0; x < tft.width()+radius; x+=radius*2)
    {
        for (int16_t y=0; y < tft.height()+radius; y+=radius*2)
        {
            tft.fillCircle(x, y, radius, color1);
            tft.drawCircle(x, y, radius, color2);
            delay(50);
        }
    }
}

file
file

2.4.3 绘制三角形

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    uint16_t color = rgb888_to_565(0, 0, 0, true);
    tft.fillScreen(ST77XX_BLACK);
    int w = tft.width() / 2;
    int x = tft.height() - 1;
    int y = 0;
    int z = tft.width();
    for(int t = 0 ; t <= 15; t++)
    {
        tft.drawTriangle(w, y, y, x, z, x, color);
        x-=4;
        y+=4;
        z-=4;
        color+=100;
        delay(100);
    }
}

file
file

2.4.4 绘制圆角矩形

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    uint16_t color = rgb888_to_565(0, 0, 0, true);
    tft.fillScreen(ST77XX_BLACK);
    for(int t = 0 ; t <= 4; t+=1)
    {
        int x = 0;
        int y = 0;
        int w = tft.width()-2;
        int h = tft.height()-2;
        for(int i = 0 ; i <= 16; i+=1)
        {
            tft.drawRoundRect(x, y, w, h, 5, color);
            x+=2;
            y+=3;
            w-=4;
            h-=6;
            color+=1100;
            delay(50);
        }
        color += 100;
    }
}

file
file

2.4.5 绘制组合图案

void setup()
{
    tft.initR(INITR_GREENTAB); // 初始化
    delay(1000);
}

void loop()
{
    tft.fillScreen(ST77XX_BLACK);
    tft.fillRoundRect(25, 10, 78, 60, 8, ST77XX_WHITE);
    tft.fillTriangle(42, 20, 42, 60, 90, 40, rgb888_to_565(0xFF0000, true));
    delay(500);

    tft.fillRoundRect(25, 90, 78, 60, 8, ST77XX_WHITE);
    tft.fillRoundRect(39, 98, 20, 45, 5, rgb888_to_565(0x00FF00, true));
    tft.fillRoundRect(69, 98, 20, 45, 5, rgb888_to_565(0x00FF00, true));
    delay(500);

    tft.fillTriangle(42, 20, 42, 60, 90, 40, rgb888_to_565(0x0000FF, true));
    delay(50);

    tft.fillRoundRect(39, 98, 20, 45, 5, rgb888_to_565(0xFF0000, true));
    tft.fillRoundRect(69, 98, 20, 45, 5, rgb888_to_565(0xFF0000, true));

    tft.fillTriangle(42, 20, 42, 60, 90, 40, rgb888_to_565(0x00FF00, true));
}

file

Arduino IDE 2.2.1示例 使用ESP8266连接TFT彩屏(ST7789)实验
weixin_43098143的博客
02-05 1904
Arduino IDE 2.2.1自带很多示例代码，很实用，可以在不同示例代码中寻找例句，用到自己的代码中，实现不同的功能。因项目开发需要做了个ESP8266连接TFT彩屏(ST7789)实验，现将过程和代码分享给大家，请大家指正。
Arduino ESP8266模块+TFT液晶屏+PCF8563实时时钟+AHT10温湿度
若有博文对您有帮助，欢迎点赞关注，收藏评论。
06-04 1197
注意：先把GPIO15接GND，GPIO0接GND，CH_PD上拉（10K）再给模块供电3.3V进入UART固件下载模式。第一行打印ets Jan 8 2013,rst cause:1, boot mode:(3,6)0.96inch，TFT彩屏，分辨率：160x80, ST7735驱动。第一行打印boot mode:(1,x) 已经进入下载模式。GPIO15接GND， GPIO0接GND。CH_DP接高电平模块上电，接低电平模块掉电。(根据实际开发板型号选择，本文选择通用模块)
Arduino 玩转 TFT_eSPI：驱动 ST7789 显示屏
最新发布
zxfeng的博客
03-03 1525
在本篇博客中，我们将尝试如何基于RP2040 Game Kit开发板，在Arduino平台上使用TFT_eSPI库，成功驱动ST7789显示屏。
Arduino-点亮TFT触摸屏一
Bruce小鬼
05-10 1955
序号引脚编号说明1VCC5V/3.3V电源输入2GND接地3CS液晶屏片选信号，低电平使能4RESET液晶屏复位信号，低电平复位5DC/RS液晶屏寄存器/数据选择信号，低电平：寄存器，高电平：数据6SDI(MOSI)SPI总线写数据信号7SCKSPI总线时钟信号8LED背光控制，高电平点亮，如无需控制则接3.3V常亮9SDO(MISO)SPI总线读数据信号，如无需读取功能则可不接10。
Arduino之TFT_eSPI驱动彩色LCD屏
保持热爱，奔赴山海。
08-15 6198
1.先下载processing软件，进行解压2.使用UTF8字体生成软件进行取模之后点击生成.h即可。
Arduino UNO驱动液晶屏TFT_LCD_ST7789v
Txwtech笛克特科
10-16 5433
分辨率240x240_240x320 arduino UNO pin8------------LCD DC #define TFT_DC 8 //LCD DC #define TFT_RST 9 //LCD RES #define TFT_CS 10 //LCD CS-- only for displays with CS pin #define TFT_MOSI 11 //LCD SDA-- for hardware SPI data pin (all of available...
ARDUINO與TFT彩屏
07-22
這是ARDUINO控制2.4吋彩屏的簡單程式 雖然程式短短十多行 卻能基本的掌握與了解 控制採平的原理
arduino tft触摸彩屏教程汇总
07-23
本文将深入探讨"arduino tft触摸彩屏教程汇总"中涉及的关键知识点，帮助你全面掌握如何使用这种技术。 1. **Arduino简介**：Arduino是一款基于开放源代码硬件和软件平台的开发工具，适合各种创意电子项目。它具有...
Arduino 1.44TFT彩屏驱动程序教程
描述提到“arduino 下驱动1.44tft彩屏的程序”，说明这是一个针对Arduino开发板编写的程序，目的是要实现1.44英寸TFT彩屏的图像和文本显示功能。TFT（Thin Film Transistor）即薄膜晶体管，是一种新型的液晶显示设备...
Arduino TFT GIF取模小工具
06-05
TFT取模小工具，可以将GIF进行分割为jpg图片，同时生成TFT的取模数组，可以直接用于Arduino，显示图片或者GIF
arduino驱动tft彩屏显示图片
01-24
### Arduino 驱动 TFT 彩色屏幕显示图片的方法 #### 准备工作 为了实现Arduino驱动TFT彩色屏幕显示图片的功能，需要准备以下硬件组件[^1]: - Arduino UNO开发板 - 1.8寸TFT显示屏（驱动ST7735S） - 公对母杜邦线...
2.8英寸TFT触摸屏与Arduino的使用
07-11
额外的好处是，该显示器已经装有电阻式触摸屏，因此您可以检测屏幕上任何位置的手指按下。
ARDUINO -TFT400*240液晶驱动
08-08
有关ARDUINO 的400*240的液晶触摸屏 PS：有基本的点线图形产生函数。挺好用的
ILI9486 3.5TFT液晶屏Arduino驱动
01-06
ILI9486 3.5TFT液晶屏Arduino驱动，有Arduino各种使用例程
Arduino运行TFT LCD显示器的终极入门指南-项目开发
03-30
在这里，您将学习如何使用Arduino的TFT LCD。 从基本命令到专业设计和技术都在这里进行了说明。
1.3寸TFT液晶屏驱动程序(基于Arduino)
08-19
1.3寸TFT液晶屏驱动程序(基于Arduino)，适用于ST7789显示芯片。
Arduino TFT触摸彩屏全面教程大汇总
该部分知识点包括如何通过Arduino的GPIO（通用输入输出）端口将TFT触摸屏连接到Arduino板上，以及使用Arduino进行对TFT彩屏的控制和编程。包括屏幕初始化、基本绘图操作、显示文字和图像等内容。 5. 触摸屏控制...
arduino-esp32：基于TFT-eSPI库实现触摸显示屏
热门推荐
unclejin_的博客
01-27 1万+
概述 在arduino的IDE上已经搭建好了ESP32环境的话，写写小应用的话还是很简单的，毕竟有这么多优秀的库。 之前用自己买的TFT屏试了一下TFT-eSPI库的驱动效果，显示效果挺好的，但是触摸一直没用上。最近有空了弄了一下。 我的屏幕是2.2寸/2.4/2.8/3.2/3.5/4.0寸TFT触摸彩色SPI串口液晶屏显示模块，这个3.5寸的。 接口长这样： 显示流程 下载TFT-eSPI库。直接到arduino的库管理器里下： 或者去github上把源代码下载下来，然后解压到上一篇中说的ske
Arduino OLED/TFT屏【显示汉字、图案】保姆级教程
weixin_56240832的博客
05-20 1万+
Arduino汉字中文图案显示
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IYATT yx

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值