HelloTFT


材料


  • WF8266T-TFT x 1
  • FTDI x 1

配線


我們會透過 Arduino IDE 將程式燒寫到 WF8266T-TFT, 請依上圖接線方式連接 USB 轉 TTL 板即可.

WF8266 系統板子建議使用 5V 做為 VCC.

TFT LCD 驅動程式庫


WF8266R(ESP8266) 專用的 ILI9341 驅動程式庫

Adafruit_ILI9341 Library : https://github.com/UNUMobile/wf8266r/tree/master/Sample/ILI9341
Adafruit_GFX Library : https://learn.adafruit.com/adafruit-gfx-graphics-library/overview

下載後請將上述二個 Library 透過 Arduino IDE 選單的 Sketh -> Include Library -> Add .ZIP Library 匯入後並重開 Arduino IDE.

程式


首先, 我們需要引用 Adafruit_GFX.h 和 ESP8266_ILI9341.h 這二個 Library 並宣告為 tft 物件, 之後就能透過 tft 進行顯示輸出.

如果想要在螢幕上第一行印出 Hello WF8266T-TFT 那要怎麼做呢? 首先有幾個固定宣告:

  • pinMode(5,OUTPUT) 將5號腳設為輸出啟用 TFT
  • pinMode(16,OUTPUT) 將16號腳設為輸出並輸出 高電位, 目的是打開 TFT 背光, 關閉背光將 16 腳位設為 低電位.
#include "SPI.h"
#include "Adafruit_GFX.h"
#include "ESP8266_ILI9341.h"

ESP8266_ILI9341 tft = ESP8266_ILI9341();

void setup() {
  pinMode(5,OUTPUT);
  pinMode(16,OUTPUT);
  digitalWrite(16,HIGH);
  Serial.begin(115200);
  tft.begin();
  tft.setRotation(0);              //顯示方向
  tft.fillScreen(ILI9341_BLACK);   //填滿黑色

  tft.setCursor(0, 0);             //設定游標位置
  tft.setTextColor(ILI9341_WHITE); //設定文字顏色 
  tft.setTextSize(1);              //設定文字大小
  tft.println("Hello WF8266T-TFT");//列出
}
        

原始碼 : https://github.com/UNUMobile/wf8266t/blob/master/WF8266T-TFT/_01_HelloTFT/_01_HelloTFT.ino

燒寫上傳


上傳程式之前要將 WF8266T-TFT 切換到上傳模式, 按下背面的紅色鍵不放, 同時按下白色鍵後二鍵放開即可進入上傳模式.

請依下圖設定燒寫參數, 並按下 Upload 即可開始上傳.