概述

=“ i class =” fa fa-exclamation-circle“》 本教程適用于原始的2.8” TFT突破，有關(guān)此產(chǎn)品的最新版本，請(qǐng)?jiān)L問(wèn)https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2，以獲取更新的教程，但仍保留此教程作為歷史參考

通過(guò)彩色觸摸屏LCD向您的項(xiàng)目中添加爵士樂(lè)和爵士樂(lè)。此TFT顯示屏大（對(duì)角線為2.8英寸）明亮（4個(gè)白光LED背光）和彩色（16位262，000種不同的陰影）！ 240x320像素具有單獨(dú)的像素控制，比黑白128x64顯示器具有更高的分辨率。作為獎(jiǎng)勵(lì)，此顯示器已經(jīng)連接了電阻式觸摸屏，因此您可以檢測(cè)屏幕上任何地方的手指按下情況。

此顯示器內(nèi)置有帶RAM緩沖的控制器，因此微控制器幾乎不做任何工作。您需要8條數(shù)字?jǐn)?shù)據(jù)線和4或5條數(shù)字控制線來(lái)讀取和寫入顯示器（總共12條線）。觸摸屏需要4針（2個(gè)數(shù)字，2個(gè)模擬），但是由于電阻式觸摸屏的工作方式，我們可以與LCD共享引腳，因此整個(gè)設(shè)置可以由12個(gè)針（10個(gè)數(shù)字，2個(gè)模擬）運(yùn)行。

當(dāng)然，我們不會(huì)只留下數(shù)據(jù)表和“好運(yùn)！” -我們已經(jīng)編寫了一個(gè)完整的開(kāi)源圖形庫(kù)，可以繪制像素，線條，矩形，圓形和文本。我們還有一個(gè)觸摸屏庫(kù)，可檢測(cè)x，y和z（壓力），并提供示例代碼來(lái)演示所有內(nèi)容。該代碼是為Arduino編寫的，但可以輕松移植到您最喜歡的微控制器！

今天在Adafruit商店取一件！

規(guī)格：

2.8英寸對(duì)角線LCD TFT顯示屏

240x320分辨率，16位（262，000）彩色

ILI9325（數(shù)據(jù)表）或帶有內(nèi)置視頻RAM緩沖區(qū)的ILI9328（數(shù)據(jù)表）控制器

8位數(shù)字接口，以及4或5條控制線

5V兼容！與3.3V或5V一起使用邏輯

板載3.3V @ 150mA LDO穩(wěn)壓器

4個(gè)白色LED背光燈，已連接晶體管，因此您可以PWM調(diào)暗背光燈

1x20接頭連接器，以便輕松進(jìn)行電路板設(shè)計(jì)，或者2x10排針，用于電纜連接

4 x 0.125“/3mm安裝孔，帶有卡舌

4線電阻觸摸屏

本指南專門針對(duì)TFT LCD 分支板 。有 此顯示屏的Arduino屏蔽版本的單獨(dú)教程 。

連接選項(xiàng)

本教程適用于原始的2.8“ TFT突破，我們現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

TFT LCD需要使用很多引腳才能與您的處理器配合使用。我們提供兩個(gè)分接頭，您可以根據(jù)自己的應(yīng)用使用。

第一個(gè)（右側(cè)）是間距為0.1“的單個(gè)1x20標(biāo)頭條。非常適合面包板使用或需要手工接線的情況。您可以使用“直”插頭或“直角”插頭，使其直立（盡管如果用這種方式焊接可能會(huì)更難觸摸）。

要焊接插頭，我們建議將20pin的排針長(zhǎng)條插在面包板上。

將LCD放在頂部并焊接每個(gè)引腳。

第二個(gè)是間距為0.1英寸的2x10雙接頭帶。這非常適合用于IDC電纜進(jìn)行遠(yuǎn)程訪問(wèn)。我們建議使用6英寸電纜，但您也許可以使用12英寸的顯示器，這取決于您在屏幕上寫入的速度（速度越快，意味著需要的電纜越短）。

這根電纜是2x5而不是2x10，但是較大的電纜看起來(lái)像

您可以以2美元的價(jià)格從digikey那里購(gòu)買插座電纜-也可以從任何其他電子產(chǎn)品商店購(gòu)買。

安裝選項(xiàng)

本教程適用于原始的2.8“ TFT突破，現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

我們希望確保您可以輕松地將此顯示器放在一個(gè)盒子中。在選項(xiàng)卡上有四個(gè)安裝孔。如果您真的不需要可以用鋼鋸或錫片剪掉。這些孔在短方向上相距2.25英寸，在長(zhǎng)方向上相距2.95英寸。鉆孔為0.125英寸，很容易采用＃4英制或M3（ 3mm）螺絲。 PCB的厚度為0.063英寸。

背光布線

本教程適用于原始的2.8“ TFT突破，現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

LCD有三個(gè)基本的“組件”。

背光是第一個(gè)，由4個(gè)組成白色LED與一個(gè)晶體管并聯(lián)以控制它們。這些LED最多可吸收80mA的電流，但是您可以通過(guò)PWM的背光將其調(diào)暗-晶體管可以輕松連接任何類型的微控制器輸出。

我們首先假設(shè)您使用的是1x20連接器和Arduino，然后再將其一直連接到3V或5V引腳。對(duì)您的微控制器而言有所不同。

首先連接第一個(gè)LCD的接地引腳接地，第二個(gè) 3-5V 引腳則為5V（您可以使用3-5V，該引腳將為TFT和背光供電，因此請(qǐng)確保可以提供100mA）。然后跳過(guò)5個(gè)引腳，并將＃8 Backlite 引腳連接到5V。

啟動(dòng)設(shè)備，您將看到4個(gè)白色LED背光。如果這不起作用，則說(shuō)明您的電源設(shè)備有問(wèn)題。返回并修復(fù)接線！

TFT接線

本教程適用于原始的2.8“ TFT接線盒，我們現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

現(xiàn)在，背光燈可以正常工作了，我們可以使TFT LCD正常工作了，需要很多引腳，并且為了保持代碼的快速運(yùn)行，我們有用于8條數(shù)據(jù)線的``硬編碼‘’Arduino數(shù)字引腳＃2-＃9。

從TFT的末端（電源引腳的另一側(cè)）開(kāi)始，然后依次將引腳連接到數(shù)字7至2。如果您使用的是Mega，請(qǐng)按此順序?qū)FT數(shù)據(jù)引腳＃0-7連接到Mega引腳＃22-29。這些Mega引腳位于“ double”接頭上。

然后連接下兩個(gè)引腳分別連接到數(shù)字9和8。

如果您使用的是Mega，請(qǐng)按此順序?qū)FT數(shù)據(jù)引腳＃0-7連接到Mega引腳＃22-29。這些Mega引腳位于“雙”標(biāo)題上。

除了8條數(shù)據(jù)線外，您還需要4或5條控制線。

連接第三個(gè)引腳 CS （芯片選擇）到模擬3

連接第四個(gè)引腳 C/D （ Command/數(shù)據(jù)）到模擬2

將第五個(gè)引腳 WR （寫入）連接到模擬1 span》

將第六個(gè)引腳 RD （ Read ）連接到模擬0

將第七個(gè)引腳 RST （ Reset ）連接到Arduino重置線。當(dāng)Arduino重置時(shí)，這將重置面板。您還可以將數(shù)字引腳用于LCD復(fù)位，但這將為我們節(jié)省一個(gè)引腳。

現(xiàn)在我們可以運(yùn)行一些代碼了！

LCD測(cè)試

本教程適用于原始的2.8“ TFT突破，現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

我們已經(jīng)準(zhǔn)備好可與這些TFT一起使用的示例代碼，它是為Arduino編寫的，通過(guò)適應(yīng)C ++可以移植到任何微控制器中。

兩個(gè)庫(kù)需要下載并安裝：首先是TFTLCD庫(kù)（該庫(kù)包含特定于該設(shè)備的低級(jí)代碼），下載ZIP文件，解壓縮并將其重命名為“ Adafruit_TFTLCD”，將其放置在Arduino庫(kù)文件夾中，然后重新啟動(dòng)Arduino IDE。如果不熟悉，我們有一個(gè)介紹Arduino庫(kù)概念和安裝的教程。

您還需要安裝GFX li喝彩您可以通過(guò)Arduino庫(kù)管理器執(zhí)行此操作。

打開(kāi)Arduino庫(kù)管理器：

搜索 Adafruit GFX 庫(kù)并安裝

Arduino庫(kù)安裝教程，位于：

http://learn.adafruit.com/adafruit-all-about-arduino-libraries-install-use

在TFTLCD庫(kù)文件夾中，您將需要編輯TFTLCD.h。在第12行上，您會(huì)看到“＃define USE_ADAFRUIT_SHIELD_PINOUT” 。注釋掉這一行并保存文件。

重啟Arduino軟件后，您應(yīng)該在內(nèi)部看到一個(gè)名為 Adafruit_TFTLCD 的新示例文件夾。 ，稱為 graphicstest 的示例。將該草圖上傳到您的Arduino。您可能需要按“重置”按鈕來(lái)重置arduino和TFT。您應(yīng)該會(huì)在TFT上看到一組圖形測(cè)試。

現(xiàn)在您知道一切正常。如果遇到問(wèn)題，請(qǐng)檢查串行端口監(jiān)視器。草圖要做的第一件事是從TFT讀取驅(qū)動(dòng)程序代碼。它應(yīng)該是 0x9328 或 0x9325 ，因此，如果看到類似 0x8328 的信息，則表示D8引腳未正確接線，并且得到 》 0x9228 ，則D0引腳未正確接線。請(qǐng)記住，這兩個(gè)字節(jié)是一個(gè)接一個(gè)地讀取的。

圖形庫(kù)

本教程適用于原始的2.8“ TFT突破，我們現(xiàn)在可以在https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2上獲得有關(guān)該產(chǎn)品的最新版本的更新指南，但仍保留此指南作為歷史參考

圖形庫(kù)中有一些隨時(shí)可用的功能，可以幫助您從項(xiàng)目開(kāi)始。它并不詳盡，如果有可能，我們將嘗試對(duì)其進(jìn)行更新。我們發(fā)現(xiàn)一個(gè)非常有用的功能。

首先要注意的是顏色是16位的，其中包括紅色，綠色和藍(lán)色 在一個(gè)16位變量中，顏色的填充方式是前5位是紅色，中間6位是綠色，后5位是藍(lán)色。

對(duì)于純色，我們有這個(gè)方便的備忘單當(dāng)然，您可以選擇262，000種顏色中的任何一種，但在開(kāi)始時(shí)可能會(huì)有所幫助ful。

下載：文件

復(fù)制代碼

// Color definitions

#define BLACK 0x0000

#define BLUE 0x001F

#define RED 0xF800

#define GREEN 0x07E0

#define CYAN 0x07FF

#define MAGENTA 0xF81F

#define YELLOW 0xFFE0

#define WHITE 0xFFFF // Color definitions

#define BLACK 0x0000

#define BLUE 0x001F

#define RED 0xF800

#define GREEN 0x07E0

#define CYAN 0x07FF

#define MAGENTA 0xF81F

#define YELLOW 0xFFE0

#define WHITE 0xFFFF

Adafruit GFX庫(kù)是繪制所有點(diǎn)，線，形狀和文本的庫(kù)。它相當(dāng)詳細(xì)，有很多很酷的東西，有關(guān)大量信息，請(qǐng)?jiān)L問(wèn)http://learn.adafruit.com/adafruit-gfx-graphics-library

這里是GFX lib的基本介紹，它沒(méi)有。不能涵蓋所有內(nèi)容，但它可以告訴您一些最流行的形狀是什么樣的？首先是最基本的像素推動(dòng)器。您可以使用兩個(gè)坐標(biāo)和一個(gè)顏色來(lái)調(diào)用它，它會(huì)產(chǎn)生一個(gè)點(diǎn)：

下載：文件

復(fù)制代碼

void drawPixel（uint16_t x， uint16_t y， uint16_t color）; void drawPixel（uint16_t x， uint16_t y， uint16_t color）;

您還可以繪制帶有起點(diǎn)和終點(diǎn)以及顏色的線。

下載：文件

復(fù)制代碼

void drawLine（uint16_t x0， uint16_t y0， uint16_t x1， uint16_t y1， uint16_t color）; void drawLine（uint16_t x0， uint16_t y0， uint16_t x1， uint16_t y1， uint16_t color）;

如果您的線條是垂直還是水平，您可以調(diào)用一個(gè)優(yōu)化的繪圖函數(shù)，該函數(shù)不會(huì)進(jìn)行所有角度計(jì)算。

下載：文件

復(fù)制代碼

void drawVerticalLine（uint16_t x0， uint16_t y0， uint16_t length， uint16_t color）;

void drawHorizontalLine（uint16_t x0， uint16_t y0， uint16_t length， uint16_t color）; void drawVerticalLine（uint16_t x0， uint16_t y0， uint16_t length， uint16_t color）;

void drawHorizontalLine（uint16_t x0， uint16_t y0， uint16_t length， uint16_t color）;

接下來(lái)，可以使用以下過(guò)程繪制和填充矩形和正方形。如果您希望矩形具有對(duì)比的輪廓顏色，請(qǐng)先 fillRect ，然后在其上 drawRect 。

下載：文件

復(fù)制代碼

void drawRect（uint16_t x0， uint16_t y0， uint16_t w， uint16_t h， uint16_t color）;

void fillRect（uint16_t x0， uint16_t y0， uint16_t w， uint16_t h， uint16_t color）; void drawRect（uint16_t x0， uint16_t y0， uint16_t w， uint16_t h， uint16_t color）;

void fillRect（uint16_t x0， uint16_t y0， uint16_t w， uint16_t h， uint16_t color）;

同樣，對(duì)于圓圈，您可以繪制和填充。

下載：文件

復(fù)制代碼

void drawCircle（uint16_t x0， uint16_t y0， uint16_t r， uint16_t color）;

void fillCircle（uint16_t x0， uint16_t y0， uint16_t r， uint16_t color）; void drawCircle（uint16_t x0， uint16_t y0， uint16_t r， uint16_t color）;

void fillCircle（uint16_t x0， uint16_t y0， uint16_t r， uint16_t color）;

文本略有不同。您將設(shè)置文本大小，顏色和位置，然后 print（） （就像Serial.print（）?。?/p>

下載：文件

復(fù)制代碼

void setCursor（uint16_t x0， uint16_t y0）;

void setTextColor（uint16_t color）;

void setTextSize（uint8_t size）; void setCursor（uint16_t x0， uint16_t y0）;

void setTextColor（uint16_t color）;

void setTextSize（uint8_t size）;

首先從 setCursor（x，y）開(kāi)始，這將使文本的右上角隨心所欲。最初，其設(shè)置為（0，0）。然后使用 setTextColor（color）設(shè)置文本顏色，默認(rèn)為白色。然后使用 setTextSize（size） 設(shè)置“大小”，這會(huì)將文本“乘以”縮放比例。在上面可以看到比例為1（默認(rèn)），2和3。這是因?yàn)槲覀冎灰院?jiǎn)單的字體提供了庫(kù)，以節(jié)省空間。您只需縮放它即可獲取更大的文本，而無(wú)需使用新字體。

最后，您可以像使用類似一樣使用 print（）或 println（）您可以使用序列！例如，要打印字符串，請(qǐng)使用 print（“ Hello world”）-是上圖的第一行。要打印變量，也可以使用 print（），第二行是 print（1234.56），第三行是 print（0xDEADBEEF，HEX） 》。

您還可以旋轉(zhuǎn)圖形。請(qǐng)注意，這不會(huì)旋轉(zhuǎn)您已經(jīng)繪制的內(nèi)容，但是會(huì)重新放置所有新圖形。

下載：文件

復(fù)制代碼

void rotate（uint8_t rotation）; void rotate（uint8_t rotation）;

旋轉(zhuǎn)變量可以為0、1、2或3。旋轉(zhuǎn)0使其處于縱向模式，并且右上方的USB插孔。旋轉(zhuǎn)2為縱向，USB插孔在左下方。旋轉(zhuǎn)1是橫向模式，USB插孔在右下方，旋轉(zhuǎn)3也是橫向，USB插孔在左上方。

旋轉(zhuǎn)時(shí)，原點(diǎn)會(huì)隨之移動(dòng)。您可能需要參考屏幕尺寸，該尺寸在縱向和橫向之間變化，請(qǐng)使用 width（）和 height（）！要獲取大小。

下載：文件

復(fù)制代碼

uint16_t width（）;

uint16_t height（）; uint16_t width（）;

uint16_t height（）;

這些原語(yǔ)應(yīng)該可以幫助您入門！

觸摸屏

本教程適用于原始的2.8“ TFT突破，有關(guān)此產(chǎn)品的最新版本，請(qǐng)?jiān)L問(wèn)https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2，以獲取更新的教程，但仍保留此教程作為歷史參考

LCD上粘貼了一個(gè)2.8英寸4線電阻觸摸屏。您可以使用它來(lái)檢測(cè)手指的按壓，手寫筆等。您需要4個(gè)圖釘才能與觸摸面板進(jìn)行對(duì)話 ，但是您可以重復(fù)使用 一些TFT LCD的引腳！這是因?yàn)槊姘宓碾娮枳銐蚋撸粫?huì)干擾數(shù)字輸入/輸出，并且當(dāng)不使用引腳時(shí)，我們可以在TFT訪問(wèn)之間查詢面板。

您可以如下連接其余4個(gè)引腳。最左邊的一個(gè)（ Y-橙色）可以連接到數(shù)字 9 ，下一個(gè)（ X-綠色）連接到模擬2 ，下一個(gè)（ Y + 藍(lán)色）連接到模擬3 ，最后一個(gè)（ X + 灰色）連接到數(shù)字 8 。 X-和Y +引腳幾乎必須連接到這些模擬引腳（或模擬4/5），但是Y-/X +可以連接到任何數(shù)字或模擬引腳。

下載庫(kù)

首先打開(kāi)Arduino庫(kù)管理器

搜索 Adafruit觸摸屏 庫(kù)并安裝

我們還提供了有關(guān)Arduino庫(kù)安裝的出色教程，網(wǎng)址為：

http://learn.adafruit.com/adafruit-all- about-arduino-libraries-install-use

現(xiàn)在在Arduino庫(kù)中啟動(dòng) tftpaint 示例。右側(cè)將帶有“顏色框”，您可以按“顏色框”來(lái)選擇要繪制的顏色。如果按屏幕結(jié)束處左側(cè)的區(qū)域，則會(huì)擦除屏幕。

您可以用指尖繪制。

如果按屏幕結(jié)束處左的區(qū)域，則會(huì)擦除屏幕。

位圖

本教程適用于原始的2.8“ TFT突破，有關(guān)此產(chǎn)品的最新版本，請(qǐng)?jiān)L問(wèn)https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2，以獲取更新的教程，但仍保留此教程作為歷史參考

我們?cè)趲?kù)中有一個(gè)示例草圖，顯示了如何顯示存儲(chǔ)在SD卡上的全彩色位圖圖像，您將需要一個(gè)SD或microSD分支板

現(xiàn)代版本的Arduino軟件（0023或1.0或更高版本）已包含SD卡庫(kù)。如果您使用的是舊版Arduino IDE，則可以下載我們的庫(kù)單擊下載ZIP 按鈕，解壓縮檔案并將結(jié)果文件夾重命名為“ SD ”。將該文件夾移至Arduino庫(kù)文件夾（通常為［home］/Documents/Arduino/Libraries），然后重新啟動(dòng)IDE。

Wire像以前一樣打開(kāi)TFT（請(qǐng)參見(jiàn)上一頁(yè)），然后連接microSD卡的接線。

在Uno/Duemilanove上，您將需要使用以下連接：將SD卡與 DI 連接》固定 11 ， DO 固定 12 和 SCK 固定 13 （這是我們所有防護(hù)罩的標(biāo)準(zhǔn)配置），然后將 10 引腳轉(zhuǎn)到 CS 。對(duì)于MEGA，檢查SPI連接轉(zhuǎn)到Mega的SPI引腳（不是10-13）。

將 woof.bmp 和 miniwoof.bmp 文件復(fù)制到microSD卡并將其插入分組討論中。在TFTLCD庫(kù)中運(yùn)行 tftbmp 示例草圖，您應(yīng)該看到顯示的圖像。如果不是，請(qǐng)檢查串行監(jiān)視器以獲取有關(guān)為什么它可能無(wú)法工作的提示。

下載

本教程適用于原始的2.8“ TFT突破，有關(guān)此產(chǎn)品的最新版本，請(qǐng)?jiān)L問(wèn)https://learn.adafruit.com/adafruit-2-dot-8-color-tft-touchscreen-breakout-v2，以獲取更新的教程，但仍保留此教程作為歷史參考

觸摸屏庫(kù)

TFT LCD庫(kù)

GFX庫(kù)

SD卡庫(kù)（如果運(yùn)行最新的Arduino IDE，則不需要?。。?/p>

責(zé)任編輯：wv