1. Arduino Uno or Mega board
2. UNO R3 2.8 TFT Touch Screen with SD Card Socket

Well, it is a shield, not a breakout board. All you need to do is align the pins and plugged in. Here it is anyway.

1. Download library from: ceez blog Modify pin configration for this TFTLCD.

   1 2 3 4 5 6

   #define YP A3  // must be an analog pin, use "An" notation! #define XM A2  // must be an analog pin, use "An" notation! #define YM 9   // can be a digital pin #define XP 8   // can be a digital

2. Upload TSCalibration.ion and calibrate to fit your LCD

   1. use stylus to slide as indicated.

   

   1. Repeat and touch until you are content with alignment.

   

   1. In my case, I use following setting.
   1 2 3 4 5 6

   #define TS_MINX 924 #define TS_MINY 943 #define TS_MAXX 113 #define TS_MAXY 94

3. and, uncomment this line :

   1 2 3

   //ts.orientation = 2; // rotate 180 degree

   update: NOT needed in ztouchscreen library, usage as following (in readme file), ts.InitVariable(0, 240, 320, TS_MINX, TS_MAXX, TS_MINY, TS_MAXY, MINPRESSURE, MAXPRESSURE);

4. A couple of screen shots:

   

   

uncomment line 14 of file LGDP4535.cpp

and, comment the line 15

It sounds crazy and dump, but this is the way it is. As shown in following, the cordinates for LCD display and Touch screen are different [UPDATE:see next session]. Top left is the USB port.

To convert LCD coordinate (x,y) and Touch Screen coordinate (p.x, p.y), using following: p.y=x and p.y=240-x. Of course, p.x and p.y are remapped to LCD resolution.

Use following to define the touch area:

It took me a while, but I figured out that it is quite easy to synchronize the TFT display and the touch-screen (ts) coordinates with ceez’s zTouchScreen library.

1. Rotate the tft to whatever orientation you like, landscape in following case.

   1 2 3 4

   tft.setRotation(1); //rotate tft LCD into landscape (with USB port at top left), which is the DEFAULT ts.InitVariable(1, 240, 320, TS_MINX, TS_MAXX, TS_MINY, TS_MAXY, MINPRESSURE, MAXPRESSURE); //ts rotate 90 degC to match tft

2. Match the touchscreen orientation same as the TFT LCD display. The first arg is for rotation config (1=90deg)).

   1 2 3

   ts.InitVariable(1, 240, 320, TS_MINX, TS_MAXX, TS_MINY, TS_MAXY, MINPRESSURE, MAXPRESSURE); //ts rotate 90 degC to match tft

3. Here it is! No need of convoluted transformations. Green dot is the ts with its coordinates (13,223).

   

1. Download code from here, and video demo and explaination here.

2. LCD displays ok, debug mode needs to be set ON and Off as following in order to debug touch screen.

   1 2 3 4 5

   #ifdef DEBUG   tft.fillCircle(p.y, 240-p.x, PENRADIUS, BLUE); #endif

3. Turn On and then Off the Sleep and backlight settings saved in EEPROM (NB: The brightness of TFT is not adustable; and I have to repeat this many times before it works.)

   

   

4. If you want to make your own GUI, use Illustrator or Inkscape. See my other post here.