ThaiEasyElec - 2.8 inch TFT Touch Shield User ... - ThaiEasyElec.net

ThaiEasyElec - 2.8 inch TFT Touch Shield 

User Manual (V2.0) 

Revision History 

Version Date Changes 

V1.0 1 OCT 2011 Original Version 

V1.1 (Around 15 OCT 2011) Appendix : 

NewExample Code 

1) test_display_color 

2) test_display_mem 

3) test_touch_panel 

V2 18 Feb 2013 New LCD Controller

Content 

เนือหา 

1) คุณสมบัติของบอร์ด 2.8 inch TFT Touch Shield ................................................................................... 2 

2) รายละเอียดขาของ 2.8 inch TFT Touch Shield ..................................................................................... 3 

3) ขาสัญญาณต่างๆของบอร์ด 2.8 inch TFT Touch Shield.......................................................................... 4 

4) การเชือมต่อ 2.8 inch TFT Touch Shield กับ Arduino............................................................................. 5 

5) การเขียนโปรแกรมบน Arduino เพือใช้งานบอร์ด 2.8 inch TFT Touch Shield ............................................. 5 

ชุดคําสังใช้งาน แสดงผล LCD ............................................................................................................... 7 

ชุดคําสังใช้งาน SD Card ................................................................................................................... 14 

ชุดคําสังใช้งาน Touch Screen .......................................................................................................... 17 

วิธีแปลง File รูปภาพเป็ น Binary File .................................................................................................. 19 

1 ThaiEasyElec - 2.8 inch TFT Touch Shield user manual V1.0| Venus Supply Co.,ltd - Contact : Sales@thaieasyelec.com

Introduction 

2.8 inch TFT Touch Shield คือ บอร์ด Shield สําหรับ Arduino ทีมีจอ LCD ขนาด 2.8 นิ ว พร้อม touch 

screen แบบ resistive และช่องใส่ SD Card ทําให้สามารถอ่านไฟล์ภาพจาก SD Card มาแสดงบนจอได้โดยใช้ 

Shield เสียบบน Arduino เพียงแค่บอร์ดเดียว 

LCD TFT 2.8 นิ วนั นควบคุมการทํางาน ผ่าน 8-bit parallel interface พร้อมด้วย touch controller 

(ads7843) ทีควบคุมการทํางานด้วย SPI interface โดยที LCD และ touch screen ได้มีการต่อขาออกมาเพือใช้งาน 

เรียบร้อยแล้ว ซึงทําให้สะดวกต่อการนําไปใช้งานในด้านต่างๆ 

1) คุณสมบัติของบอรด 2.8 inch TFT Touch Shield 

 

 

 

 

 

 

 

หน้าจอขนาด 2.8 นิ ว แบบ TFT มีความละเอียด 320x240 pixel (65K color) 

มี Touch-screen บนหน้าจอ พร้อมกับชุด Touch Screen Controller AD7843 

ใช้ 8 bit data เป็ นแบบ Parallel Interface โดยใช้ขา Control จํานวน 4 PINs 

4-wire Resistive Touch Screen 

มี IC 74LVC245 สําหรับทํา Logic Level 

On board 3.3 Volt regulator โดยใช้ NCP1117-3.3 

2.8 inch TFT Touch Shield ใช้ขาบน Arduino UNO เป็ นกลุ ่ม Digital I/O เริมทีขา 0-7 , 10-13 (เหลือ 

Digital I/O อยู ่ 2 ขาคือ ขา 8 , 9 ) และกลุ ่ม Analog IN เริมทีขา 0 , 1, 2, 4 (เหลือ Analog IN อยู ่ 2 ขา คือ 

ขา 3, 5 ) 

 

 

5 Volt Supply ต่อตรงมาจาก PIN บนบอร์ด Arduino UNO 

SD card interface แบบ SPI mode, สําหรับเก็บภาพจากความจุภายนอกตัว Arduino เช่น ภาพ 

Background หรือ Icon 


2) รายละเอียดขาของ 2.8 inch TFT Touch Shield 

2.8 inch TFT Touch Shield ได้ออกแบบให้มีขาใช้งานทั งหมด 24 ขา แบ่งออกเป็ น สัญญาณควบคุมในส่วน 

TFT LCD จํานวน 18 ขา และ สัญญาณควบคุมในส่วน Touch Controller จํานวน 6 ขา 

สัญญาณควบคุมในส่วน TFT LCD จํานวน 18 ขา 

Index Pin Name Description Control Signal 

1, 24 GND Ground - 

2, 23 5V Main voltage supply (+5V) - 

3 BL Back light control signal “0” : Turn Off Back Light 

“1” : Turn On Back Light 

4 RST Reset signal “0” : Reset LCD 

“1” : No Reset 

5 LCD_CS LCD Chip Select signal “0” : Enable LCD 

“1” : Disable LCD 

6 RS Register Select signal “0” : Data register 

“1” : Control register 

7 WR Write Strobe signal “0” : Write Enable 

“1” : Write Disable 

8 RD Read Strobe signal “0” : Read Enable 

“1” : Read Disable 

15-22 D0-D7 Data Bus 8-bit “0” : Low 

“1” : High 


สัญญาณควบคุมในส่วน Touch Controller จํานวน 6 ขา 

Index Pin Name Description Control Signal 

9 TC_CS Touch Controller Chip Select “0” : Enable Touch Controller 

“1” : Disable Touch Controller 

10 SCLK Serial Clock - 

11 MISO Data Out of ADS7843 - 

12 MOSI Data In of ADS7843 - 

13 BUSY Busy Pin of ADS7843 Output “0” : with Busy 

14 PEN Pen IRQ of ADS7843 Output “0” : with Touch 

3) ขาสัญญาณตางๆของบอรด 2.8 inch TFT Touch Shield 

สัญญาณถูกแบ่งเป็ น 2 กลุ ่มใหญ่ๆ กลุ ่มแรกคือ สัญญาณของ LCD กลุ ่มที 2 คือ สัญญาณของ touch screen 

และ SD card โดยบอร์ดได้ออกแบบให้สามารถเชือมต่อกับบอร์ด Arduino UNO ได้เลย ซึงจะใช้งาน 18 ขา แต่บอร์ด 

ได้ออกแบบให้ขาสัญญาณ LCD และ touch screen ออกมาทั งหมด 24 ขา เพือการใช้งานในรูปแบบอืน เช่น การต่อกับ 

Microcontroller ชนิดอืน ขาสัญญาณทั ง 24 ขา และตําแหน่ง ดังรูปที 7 


รูปที 7 

4) การเชื่อมตอ 2.8 inch TFT Touch Shield กับ Arduino 

ขาสัญญาณของ 2.8 inch TFT Touch Shield เมือเชือมต่อกับ Arduino จะใช้งาน 18 ขา (จากทีมีทั งหมด 24 

ขา) แสดงดังรูปที 8 โดยผู ้ใช้งานสามารถเสียบเข้าไปบนบอร์ด Arduino ได้เลย 

รูปที 8 สัญญาณต่างๆทีเชือมต่อเข้ากับ Arduino 

5) การเขียนโปรแกรมบน Arduino เพื่อใชงานบอรด 2.8 inch TFT Touch Shield 

ทาง ThaiEasyElec.com ได้ทดลองเขียน library สําหรับใช้งาน LCD touch screen และ SD card เบื องต้น 

โดย Library จะอยู ่ใน Folder ชือ “TEE_TFT_TouchShield” 

การนํา library มาใช้งานกับ Arduino สามารถทําได้โดย การ copy folder “TEE_TFT_TouchShield” และ 

Folder “digitalWriteFast” ไปยัง folder ทีชือ libraries ใน folder ของโปรแกรม Arduino IDE เพียงเท่านี ก็จะ 

สามารถใช้งาน library บน Arduino ได้ 


รูปที 9 ตําแหน่ง Folder “libraries” ของโปรแกรม Arduino IDE 

ภายใน Folder จะเก็บไฟล์ Resource ต่างๆ เช่น header file, source file รวมทั ง font ทั งภาษาไทยและ 

อังกฤษทีเราแปลงเป็ นโค้ดภาษา C แล้ว เพือให้นําไป include ใช้ในโค้ดโปรแกรมได้ทันที สําหรับไฟล์ทีน่าสนใจใน 

library มีดังนี 

- TFT_LCD_driver.cpp เป็ นไฟล์ทีเกียวกับการแสดงผลบน จอ LCD ทั งหมด 

- TFT_touch.cpp รวมฟังก์ชันทีเกียวกับการใช้งาน touch screen รายละเอียดของแต่ละฟังก์ชันจะขอ 

อธิบายในหัวข้อถัดไป 

- mmc.c เป็ นไฟล์ทีเขียนขึ นสําหรับการสือสารกับ SD card แบบ SPI 

- pff.c เป็ นส่วนทีรวมฟังก์ชันสําหรับการอ่าน/เขียนไฟล์ในรูปแบบของ FAT file system 

เมือ Copy Folder “TEE_TFT_TouchShield” เรียบร้อยแล้ว ลองเปิ ดโปรแกรม Arduino ขึ นมาใหม่จะพบว่าที 

Menu File -> Example จะพบตัวอย่างโปรเจคการใช้งานอยู ่ที TEE_TFT_TouchShield 


ชุดคําสั งใช้งาน แสดงผล LCD 

การเรียกใช้งาน Library TFT_LCD 

- เรียกใช้งาน Library TFT LCD โดยประกาศ #include 

- กําหนดตัวแปร Class เช่น TFT_LCD lcd; 

; หมายเหตุ ในการยกตัวอย่างการใช้งานใน ฟังก์ชัน ต่างๆจะสมมติให้ใช้ ตัวแปร Class คือ lcd 

ฟังก์ชั น การตังค่าการแสดงผลหน้าจอ 

void TFT_LCD::init(hor_ver mode) 

ฟังก์ชัน นี ใช้สําหรับ กําหนดการแสดงผลหน้าจอในรูปแบบ แนวตั ง หรือ แนวนอน โดยสามารถกําหนดได้ 2 แนวคือ 

VERTICAL และ HORIZONTAL 

ตัวอย่างการใช้งาน 

lcd.init(HORIZONTAL); // กําหนดให้แสดงผลทีหน้าจอในแนวนอน 

lcd.init(VERTICAL); // กําหนดให้แสดงผลทีหน้าจอในแนวตั ง 

ฟังก์ชั น เคลียร์หน้าจอ 

void TFT_LCD:: ClearScreen(unsigned short color) 

ฟังก์ชัน นี ใช้สําหรับ เคลียหน้าจอ โดยสามารถกําหนดสีให้กับหน้าจอได้ โดย Library ได้ Define ค่าสีพื นฐานเอาไว้ให้ 

เช่น 

#define TS_COL_RED 

#define TS_COL_GREEN 

#define TS_COL_BLUE 

#define TS_COL_YELLOW 

#define TS_COL_PURPLE 

0x001F 

0x07E0 

0xF800 

0x07FF 

0xF81F 


#define TS_COL_BLACK 

#define TS_COL_WHITE 

0x0000 

0xFFFF 

และผู ้ใช้สามารถกําหนดสีลงไปเป็ น Code สี RGB ขนาด 16Bit ลงไปเองได้ 


lcd.ClearScreen(TS_COL_BLUE); 

lcd.ClearScreen(TS_COL_RED); 

lcd.ClearScreen(0xFFFF); 

// เคลียร์หน้าจอให้เป็ นสีนํ าเงิน 

// เคลียร์หน้าจอให้เป็ นสีแดง 

// เคลียร์หน้าจอให้เป็ นสีขาว 

ฟังก์ชั น การสร้างรูปสี เหลี ยม บนหน้าจอ 

void TFT_LCD::TSLCDFillRect(ts_pos_t sx,ts_pos_t ex,ts_pos_t sy,ts_pos_t ey,unsigned short 

color,ts_mode_t mode) 

ฟังก์ชัน นี ใช้สําหรับ สร้างรูปสีเหลียมบนหน้าจอ โดยมี Arguments ต่างๆดังนี 

ts_pos_t sx คือ พิกัดเริมต้นในแกน x ของรูปสีเหลียม 

ts_pos_t ex คือ พิกัดสุดท้ายในแกน x ของรูปสีเหลียม 

ts_pos_t sy คือ พิกัดเริมต้นในแกน y ของรูปสีเหลียม 

ts_pos_t ey คือ พิกัดเริมต้นในแกน y ของรูปสีเหลียม 

unsigned short color คือ สีของรูปสีเหลียม 


lcd.TSLCDFillRect(0,320-1 ,0,70-1,TS_COL_RED); // สร้างสีเหลียมผืนผ้าขนาด 320x70 pixel 


ฟังก์ชั น การสร้างรูปวงกลม บนหน้าจอ 

void TFT_LCD::TSLCDFillCirc(ts_pos_t cx,ts_pos_t cy,ts_pos_t rad,unsigned short color) 

ฟังก์ชัน นี ใช้สําหรับ สร้างรูปวงกลมบนหน้าจอ โดยมี Arguments ต่างๆดังนี 

ts_pos_t cx 

ts_pos_t cy 

ts_pos_t rad 

คือ ตัวแปรกําหนดพิกัด X จุดศูนย์กลางวงกลม 

คือ ตัวแปรกําหนดพิกัด Y จุดศูนย์กลางวงกลม 

คือ ตัวแปรกําหนด รัศมีให้กับวงกลม 

unsigned short color 

คือ ตัวแปรกําหนดสีให้กับวงกลม 


lcd.TSLCDFillCirc(20,20 ,30,TS_COL_YELLOW); // สร้างวงกลมสีเหลือง รัศมี 30 pixel ทีจุด X 20 , Y 20 

ฟังก์ชั น กําหนดสีให้กับตัวอักษร 

void TFT_LCD::TSLCDSetFontColor(unsigned short color) 

ฟังก์ชัน นี ใช้สําหรับ กําหนดสีให้กับตัวอักษร 


lcd.TSLCDSetFontColor(TS_COL_BLUE); 

ฟังก์ชั น กําหนดให้แสดงตัวอักษรแบบหนา 

void TFT_LCD::TSLCDSetBold(unsigned char on) 

ฟังก์ชัน นี ใช้สําหรับ กําหนดให้แสดงตัวอักษรแบบหนา 


lcd.TSLCDSetBold(1); //กําหนดให้แสดงผลตัวอักษรแบบหนา 

lcd.TSLCDSetBold(0); //กําหนดให้แสดงผลตัวอักษรแบบธรรมดา 


ฟังก์ชั น กําหนดFont ภาษาอังกฤษ 

เรียกใช้งาน Font โดยประกาศ include Font ทีต้องการใช้เข้ามาในโปรเจค โดย Font ทีจัดเตรียมไว้ให้จะอยู ่ใน Folder 

Fonts ภายใน Folder Library เช่น 

#include "Fonts/font_arial_eng16x16.h" 

#include "Fonts/font_vrinda18x16.h" 

กําหนดค่า Config ให้กับ Font ทีใช้โดยใช้ ฟังก์ชัน 

void TFT_LCD::TSLCDCfgFont(const unsigned char *_font, unsigned char width, unsigned 

char height_div_8, unsigned char gap) 

โดยมี Arguments ต่างๆดังนี 

const unsigned char *_font ชือตัวแปร Fontทีต้องการใช้ 

unsigned char width 

ความกว้างของ Font 

unsigned char height_div_8 ความสูงของ Font หารด้วย 8 

unsigned char gap 

ระยะห่างระหว่างตัวอักษร 


lcd.TSLCDCfgFont(font_vrinda18x16,18,2,2); //กําหนดใช้ Font ชือ font_vrinda18x16 มีความกว้าง 18 Pixel 

สูง 16หารด้วย 8 Pixel และกําหนดให้มีระยะห่างระหว่างตัวอักษร 2 Pixel 

ฟังก์ชั น กําหนดFont ภาษาไทย 

เรียกใช้งาน Font โดยประกาศ include Font ทีต้องการใช้เข้ามาในโปรเจค โดย Font ทีจัดเตรียมไว้ให้จะอยู ่ใน Folder 

Fonts ภายใน Folder Library เช่น 

#include "Fonts/font_angsana14x32.h" 

กําหนดค่า Config ให้กับ Font ทีใช้โดยใช้ ฟังก์ชัน 


void TFT_LCD::TSLCDCfgExtFont(const unsigned char *_font, unsigned char width, unsigned 

char height_div_8, unsigned char _tone_shift, unsigned char _font_ext_adj) 


const unsigned char *_font ชือตัวแปร Fontทีต้องการใช้ 

unsigned char width 

ความกว้างของ Font 

unsigned char height_div_8 ความสูงของ Font หารด้วย 8 

unsigned char _tone_shift กําหนดระยะห่างระหว่างตัวอักษรกับสระทีอยู ่ด้านบน 

unsigned char _font_ext_adj 

ใช้ปรับฐานของตัวอักษรไทย และ อังกฤษ ให้สมดุลกัน 


lcd.TSLCDCfgExtFont(font_angsana14x32,14,4,5,11); //กําหนดใช้ Font ชือ font_angsana14x32 มีความ 

กว้าง 14 Pixel สูง 32หารด้วย 8 Pixel แสดงผลสระตัวบนห่างจากตัวอักษร 5 Pixel ปรับชดเชยสมดุลของตัวอักษรไทย 

และอังกฤษ 11 Pixel 

ฟังก์ชั น แสดงข้อความเป็ นบรรทัด 

void TFT_LCD::TSLCDPrintString(unsigned char line,unsigned char column,char *str) 


unsigned char line กําหนดบรรทัดทีต้องการแสดงข้อความ 

unsigned char column กําหนดคอลัมเริมต้นทีต้องการแสดงข้อความ 

char *str ข้อความทีต้องการแสดง 



lcd.TSLCDPrintString(2,0,"Test 2.8 inch TFT Touch Shield"); 

ฟังก์ชัน แสดงข้อความทีตําแหน่ง X,Y 

void TFT_LCD::TSLCDPrintStringXY(int x,int y,char *str) 

 

โดยมี Arguments ต่างๆดังนี 

int x กําหนดตําแหน่ง X ทีต้องการแสดงข้อความ 

int y กําหนดตําแหน่ง Y ทีต้องการแสดงข้อความ 

char *str ข้อความทีต้องการแสดง 

ฟังก์ชั น แสดงภาพ จาก Flash memory 

void TSLCDShowPic(ts_pos_t sx,ts_pos_t ex,ts_pos_t sy,ts_pos_t ey, unsigned short *pic,ts_mode_t 

mode); 


ts_pos_t sx คือ พิกัดเริมต้นในแกน x ของรูป 

ts_pos_t ex 

พิกัดสุดท้ายในแกน x ของรูป 

ts_pos_t sy พิกัดเริมต้นในแกน y ของรูป 

ts_pos_t ey พิกัดเริมต้นในแกน y ของรูป 

unsigned short *pic ตําแหน่งของรูปทีใช้แสดง 

ts_mode_t mode 

โหมดการแสดงภาพ แบ่งเป็ น 2 โหมดคือ 

- TS_MODE_NORMAL = ไม่แสดงจุดสีทีเป็ นสีขาว หรือ 0xFFFF (Transparent Mode) 

- TS_MODE_FULL = แสดงภาพทั งหมด 


#include "linux.h" 


unsigned int origin_x,origin_y,pic_width,pic_height; 

origin_x = 0; 

origin_y = 0; 

pic_width = 94; 

pic_height = 96; 

lcd.TSLCDShowPic(origin_x,origin_x+(pic_width-1),origin_y,origin_y+(pic_height- 

1),linux,TS_MODE_FULL); 

lcd.TSLCDShowPic(origin_x,origin_x+(pic_width-1),origin_y,origin_y+(pic_height- 

1),linux,TS_MODE_NORMAL); 

ฟังก์ชั น แสดงภาพ จาก SD Card 

void SD_Show_Pic(ts_pos_t sx,ts_pos_t ex,ts_pos_t sy,ts_pos_t ey,char *pFile,ts_mode_t mode); 


ts_pos_t sx คือ พิกัดเริมต้นในแกน x ของรูป 

ts_pos_t ex 

พิกัดสุดท้ายในแกน x ของรูป 

ts_pos_t sy พิกัดเริมต้นในแกน y ของรูป 

ts_pos_t ey พิกัดเริมต้นในแกน y ของรูป 

char *pFile Path ของรูปทีต้องการแสดง 

ts_mode_t mode 

โหมดการแสดงภาพ แบ่งเป็ น 2 โหมดคือ 

- TS_MODE_NORMAL = ไม่แสดงจุดสีทีเป็ นสีขาว หรือ 0xFFFF (Transparent Mode) 

- TS_MODE_FULL = แสดงภาพทั งหมด 


lcd.SD_Show_Pic(0,319,0,239 ,” picture/pic1.bin” ,TS_MODE_FULL); 


ชุดคําสั งใช้งาน SD Card 

Library ทีทาง ThaiEasyElec ได้จัดเตรียมไว้ให้ใช้กับ TFT Touch shield เพือใช้งานกับ SD Card คือ File Fat 

system ของ Petit FAT File System Module ซึงสามารถอ่านข้อมูลเพิมเติมได้จาก เว็บไซต์ ของผู ้พัฒนา 

http://elm-chan.org/fsw/ff/00index_p.html 

การเรียกใช้งาน Library SD Card 

- เรียกใช้งาน Library SD Card โดยประกาศ #include 

- กําหนดตัวแปร Class เช่น TFT_PFF pff; 

; หมายเหตุ ในการยกตัวอย่างการใช้งานใน ฟังก์ชัน ต่างๆจะสมมติให้ใช้ ตัวแปร Class คือ pff 

ฟังก์ชั น Initial SD Card 

DSTATUS disk_initialize (void) 

ใช้สําหรับ initial เพือเริมต้นใช้งาน SD Card โดยถ้าหากสามารถ Initial ได้สําเร็จจะ Return ค่า เป็ น 0 ออกมา 


uint8_t res; 

res = disk_initialize (); 

if(res==0) 

{ 

// initial OK 

} 

else 

// initial Fail 


ฟังก์ชั น Mount SD Card 

FRESULT pf_mount (FATFS* FileSystemObject /* Pointer to the work area */); 

เป็ น Function ทีใช้จองตําแหน่งพื นทีในการใช้งาน SD Card หาก Mount ได้สําเร็จจะ Return ค่าเป็ น 0 


uint8_t res; 

res = pf_mount (&pff.fs); 

ฟังก์ชั น เปิ ด File 

FRESULT pf_open (const char* FileName /* Pointer to the file neme */); 

เป็ น Function ทีใช้สําหรับเปิ ดใช้งาน File ทีต้องการ เขียน และ อ่าน โดยใส่ String ของ Path ทีต้องการเข้าใช้งานที 

const char* FileName หากสามารถเปิ ดไฟล์ได้สําเร็จจะ Return ค่าออกมาเป็ น 0 


uint8_t res; 

res = pf_open(“test.txt”); 

ฟังก์ชั น Read File 

FRESULT pf_read (void* Buffer, WORD ByteToRead, WORD* BytesRead); 

เป็ น Function ทีใช้อ่าน Data ออกมาจาก File โดยมี Arguments ต่างๆดังนี 

void* Buffer pointer ของ Buffer ทีเก็บข้อมูลทีอ่านจาก File 

WORD ByteToRead จํานวน Byte ทีต้องการอ่านจาก File 

WORD* BytesRead จํานวน Byte ทีอ่านได้จาก File 



uint8_t res; 

unsigned short br; 

char data[1000]; 

res = pf_read (data,1000, &br); 

ในกรณีที File มีขนาดใหญ่และไม่สามารถอ่านได้หมดในครั งเดียว เราสามารถทยอยแบ่งอ่าน Data ออกมาได้ เช่น 

while(1) 

{ 

} 

res = pf_read (data,1000, &br); 

{ 

} 

if(br==0) 

break; 

// To do 

คําสัง pf_read จะอ่าน Data ต่อจากตําแหน่งทีแล้ว จนจบไฟล์ หรือ มีการสัง Open File ใหม่ 

เนืองจาก Petit FAT File System Module เป็ น FatFile System ขนาดเล็ก จึงไม่ได้รวมเอาคําสังเขียน File 

ทีสมบูรณ์เข้ามาไว้ ทําให้มีข้อจํากัดหลายประการในการเขียน File จึงไม่ขอกล่าวถึง ท่านสามารถอ่านข้อมูลเพิมเติมได้ 

จากเว็บไซต์ของผู ้พัฒนา หรือ ใช้ FatFile System ตัวเต็ม หากมี Memory มากเพียงพอ 


ชุดคําสั งใช้งาน Touch Screen 

การเรียกใช้งาน Library Touch Screen 

- เรียกใช้งาน Library Touch Screen โดยประกาศ #include 

- กําหนดตัวแปร Class เช่น touchpanel tp; 

; หมายเหตุ ในการยกตัวอย่างการใช้งานใน ฟังก์ชัน ต่างๆจะสมมติให้ใช้ ตัวแปร Class คือ tp 

ฟังก์ชั น Initial Touch Screen 

void init(void); 

ใช้ Initial การเชือมต่อกับ Touchscreen 


#include 

touchpanel tp; 

void setup() 

{ 

} 

tp.init(); 

ฟังก์ชั น Calibrate Touch Screen 

void tp_calibrate(); 

เป็ น Function ทีใช้ Calibrate Touch Screen ในกรณีที Touch แล้วไม่ตรงจุด หรือ ใช้ตั งค่าการ Touch ในครั งแรก 

เมือ Calibrate สําเร็จแล้ว จําเก็บค่าการ Calibrate เอาไว้ใน EEProm โดย ทําให้ผู ้ใช้ไม่ต้อง Calibrate ทุกครั งทีเปิ ดใช้ 

งาน 



void setup() 

{ 

tp.init(); 

tp.tp_calibrate(); 

} 

ฟังก์ชั น อ่านค่า Calibrate Touch Screen 

void get_matrix(void); 

Function นี ใช้เพืออ่านค่าจาก EEProm ทีใช้คําสัง tp_calibrate(); Calibrate Touch Screen เอาไว้แล้วมาใช้งาน 


void setup() 

{ 

} 

tp.init(); 

tp.get_matrix(); 

ฟังก์ชั น อ่านค่าตําแหน่งการ Touch 

POINT* read_lcd_point(void); 

เป็ น Function การอ่านค่าตําแหน่งการ Touch 


POINT *tp_dat; 

tp_dat = tp.read_lcd_point(); 

ฟังก์ชั น Debounce Touch 

uint8_t get_stable_tp(POINT* tp); 


เป็ น Function ทีใช้เช็คเพือให้มันใจว่ามีการ touch หน้าจอทีตําแหน่งนั นจริงหรือไม่ 


void loop() 

{ 

} 

POINT *tp_dat; 

tp_dat = tp.read_lcd_point(); 

if (tp.get_stable_tp(tp_dat) ) 

{ 

} 

// To Do 

วิธีแปลง File รูปภาพเป็ น Binary File 

เนืองจาก Arduino เป็ น Microcontroller ขนาดเล็ก และมีพื นทีการใช้งานน้อย จึงไม่เหมาะกับการถอดรหัส 

File รูปทีถูกบีบอัดมาเท่าไหร่นัก เราจึงจําเป็ นต้องมีการแปลง File รูปภาพให้อยู ่ในรูปแบบทีสามารถนําไปประมวลผลได้ 

ทันที โดยใช้ Software ทีชือว่า “bmp2h_conv” 

ขันตอนการเปิ ด File ภาพเข้ามาใช้ใน โปรแกรม 

-ไปที Menu Load 

- จะปรากฏหน้าต่างให้เราเข้าไปเลือกเปิ ด File รูปภาพทีเราต้องการใช้ รูปทีเราเลือกจะมาปรากฎอยู ่ใน 

หน้าต่างของโปรแกรม 


ขันตอนการตังค่าก่อนแปลงไฟล์ 

- 1 เลือกจอ LCD เป็ น รุ่นดังกรอบที 1 

- 2 เลือกรูปแบบ Format เป็ น RGB 565 ดังกรอบที2 

- 3เลือก Output ในรูปแบบ File ทีต้องการโดย 

o ในกรอบที 3 เป็ นการ Generate File เป็ น Header File หรือ C File เพือนําเอา File รูปไปเก็บ 

ไว้ใน Flash Memory ของ Arduino 

o ในกรอบที 4 เป็ นการ Generate File เป็ น .bin file เพือนํารูปไปเก็บลงใน SD card 


ขันตอนการแปลงไฟล์ 

- เลือกที Menu Generate และ เลือก Path เพือเก็บ File 

วิธีการนําข้อมูลใน File .c และ .h เข้าไปเก็บใน Flash Memory 

เมือเราใช้ โปรแกรม “bmp2h_conv” แปลง File เป็ น .c หรือ .h แล้วนั น หากลองเปิ ด File เหล่านั นดูจะพบว่า 

มีการแปลง File รูปเป็ นเลขฐาน 16 ขนาด 16Bit ซึงเก็บอยู ่ในตัวแปร const unsigned short ดังรูป 

ให้เปลียนตัวแปรเป็ น unsigned short และ เพิมคําสัง PROGMEM เข้าไปดังรูป

ThaiEasyElec - 2.8 inch TFT Touch Shield User ... - ThaiEasyElec.net

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?