GC9A01 NodeMCU ESP8266 TFT Tutorial Pemula

Posted on

Cara Menampilkan Text

Dengan fungsi println()

Untuk memastikan bahwa rangkaian dan konfigurasi library sudah benar, mari kita upload sebuah kode program example berikut ini ke NodeMCU ESP8266 anda. Copy kode program berikut ke Arduino IDE, lalu klik Upload.

#include <SPI.h>
#include <TFT_eSPI.h>

TFT_eSPI tft = TFT_eSPI();

void setup() {
  tft.init();
  tft.fillScreen(TFT_BLACK);
  tft.setCursor(0, 116);
  tft.setTextFont(4);
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.setTextSize(1);
  tft.println("kinisayangerti.com");
}

void loop() {
}

Hasil

Jika kode program diatas telah berhasil terupload ke NodeMCU, maka anda akan melihat hasilnya pada gambar berikut:

Tutorial 1.28 TFT GC9A01 NodeMCU ESP8266  Pemula

tft.setTextSize(1) adalah perintah untuk menentukan ukuran text. Ukuran default font akan dikalikan angka ditentukan, saat ini ukuran dikalikan dengan 1.

tft.println(“kinisayangerti.com”) adalah perintah untuk menampilkan atau mencetak text yang kita tentukan.
tft.fillScreen(TFT_BLACK) adalah perintah untuk membuat semua layar berwarna hitam. Ini dapat diganti warnanya terserah anda dengan melihat kembali daftar warna diatas.

tft.setCursor(0, 116) adalah perintah untuk menampilkan text pada koodinat x=0 dan y=116

tft.setTextFont(4) adalah perintah untuk menggunakan jenis font, adapun secara default angka tersebut adalah pilihan dari:
2 untuk Font16.h
4 untuk Font32rle.h
6 untuk Font64rle.h
7 untuk Font7srle.h
8 untuk Font72rle.h

tft.setTextColor(TFT_WHITE, TFT_BLACK) adalah perintah untuk menggunakan font warna putih dan background warna hitam.



Dengan fungsi drawString()

Selain menggunakan fungsi println()untuk menampilkan teks seperti diatas, ada fungsi lain yang dapat anda gunakan dalam mencetak tulisan di TFT, yaitu drawString(). Menggunakan fungsi ini menjadi lebih singkat. Berikut adalah kode program dasarnya:

#include <SPI.h>
#include <TFT_eSPI.h>

TFT_eSPI tft = TFT_eSPI();

void setup() {
  tft.init();
  tft.fillScreen(TFT_BLACK);
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.setTextSize(1);
  tft.drawString("kinisayangerti.com", 0, 116, 4);
}

void loop() {
}

Hasil

Untuk hasilnya adalah sama seperti menampilkan teks menggunakan println() diatas.

Untuk tutorial menampilkan bitmap dan gambar pada TFT silahkan ke halaman berikutnya dengan mengklik tombol berikut: