{"id":2062,"date":"2024-07-14T17:06:10","date_gmt":"2024-07-14T17:06:10","guid":{"rendered":"https:\/\/iotthinghub.com\/?p=2062"},"modified":"2024-08-11T17:30:16","modified_gmt":"2024-08-11T17:30:16","slug":"graphical-lcd","status":"publish","type":"post","link":"https:\/\/iotthinghub.com\/?p=2062","title":{"rendered":"Graphical LCD"},"content":{"rendered":"\n

The TFT module is a 128*160 matrix, controlled by the onboard Sitronix ST7735 controller IC. It is a low cost faxable LCD module. TFT stands for Thin Flim Transistor which is a display screen technique used in LCD (liquid crystal display). An active component that serves as a switch for each pixel to be switched on and off is TFT. TFT display has color and any shape and design can be display. We need proper controlling SPI communication to display in TFT. First let\u2019s look the connection diagram.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Don\u2019t worry about the internal connection; it\u2019s already connected into the module available. Look at the pin available in the driver<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The module has both hardware and software reset function. We use software reset control. If you have available pin then used a GPIO pin to pull the reset line low for at least 1ms then set the GPIO pin to high state. After hardware reset or software reset wait at least 150ms then transfer data and command. How we send command or data to the TFT display? It is very simple. Pin6 is D\/C function for data and command control. D\/C is 1 for data and D\/C is 0 for command set. Use SPI initialize with maximum clock cycle with mode0. Here we only transfer data or command so need for return function. Look at the function for transfer data and command.<\/p>\n\n\n\n

\n
\n

void WriteCmd (uint8_t cmd) -> Command send<\/p>\n\n\n

\nvoid WriteCmd (uint8_t cmd)\n{\n SPI_PORT&=~(1<<SPI_DC_PIN);    \n \/\/ clear pin B1=DC; 0=command, 1=data\n SPDR = cmd; \/\/ initiate transfer\n while(!(SPSR&(1<<SPIF)));\n SPI_PORT|=(1<<SPI_DC_PIN);     \n \/\/ set pin return DC high\n}\n<\/pre><\/div><\/div>\n\n\n\n
\n
void WriteByte (uint8_t b) -> Data send<\/p>\n\n\n
\nvoid WriteByte (uint8_t b)\n{\n SPDR = b; \/\/ initiate transfer\n while(!(SPSR&(1<<SPIF)));\n}\n<\/pre><\/div><\/div>\n<\/div>\n\n\n\n
First initialize the TFT LCD. It need some command, here we used software reset.<\/p>\n\n\n
\nvoid InitDisplay(void)\n{\n     WriteCmd(SWRESET);      \/\/ SWRESET  = 0x01\n     _delay_ms(1);           \/\/ 1mS is enough\n     WriteCmd(SWRESET);      \/\/ SWRESET  = 0x01\n     _delay_ms(150);         \/\/ wait 150mS for reset to finish\n     WriteCmd(SLPOUT);       \/\/ take display out of sleep mode, SLPOUT =  0x11\n     _delay_ms(150);         \/\/ wait 150mS for TFT driver circuits\n     WriteCmd(COLMOD);       \/\/ select color mode, COLMOD  = 0x3A\n     WriteByte(0x05);        \/\/ mode 5 = 16bit pixels (RGB565)\n     WriteCmd(DISPON);       \/\/ turn display on, DISPON = 0x29\n}\n<\/pre><\/div>\n\n\n
Why we send 0x05 command after select color mode? The TFT display has color combination-<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
We use 16bit or 2byte format which has Red color 5bit, Green color 6bit and Blue color 5Bit. Example for black 0x0000, blue 0x001F, red 0xF800, green 0x0400 etc. Now if we want to send color to display we have to send the hex value after memory write command.<\/p>\n\n\n
\nvoid Write565 (int data, unsigned int count)\n{\nWriteCmd(RAMWR); \/\/ memory write command, RAMWR = 0x2C\nfor (;count>0;count--)\n\t{\n      SPDR = data >> 8 ;   \/\/ write upper 8 bits\n      while(!(SPSR&(1<<SPIF)));   \n\t  SPDR = data & 0xFF;  \/\/ write lower 8 bit\n      while(!(SPSR&(1<<SPIF)));\n\t}\n}\n<\/pre><\/div>\n\n\n
In LCD just set the coordinate location (x,y) and send data to display, but TFT it is not so simple. Because the coordinates are not a single location, it is a rectangular region. To specify the region we need the controller commands CASET and RESET. The column address set command 0x2A, set the column boundaries or X coordinates. The row address set command 0x2B, set the row boundaries or Y coordinates.<\/p>\n\n\n
\nvoid SetAddrWindow(uint8_t x0, uint8_t y0, uint8_t x1, uint8_t y1)\n{\n  WriteCmd(CASET); \/\/ set column range (x0,x1), CASET = 0x2A\n  WriteWord(x0);\n  WriteWord(x1);\n  WriteCmd(RASET); \/\/ set row range (y0,y1), RASET = 0x2B\n  WriteWord(y0);\n  WriteWord(y1);\n}\n<\/pre><\/div>\n\n\n
Since the TFT display is nothing but a set of (128*160) dots pixel. To set any dots at any position is just send coordinates and colors. To set a pixel the function is the combination as follow-<\/p>\n\n\n
\nvoid DrawPixel (uint8_t x, uint8_t y, int color) \/\/Pixel On\/Off\n{\n\tSetAddrWindow(x,y,x,y);\n\tWrite565(color,1);\n}\n<\/pre><\/div>\n\n\n
With is pixel format we can write line, rectangular, triangle. ellipse or circle. But what about characters? Unlike the 16×2 LCD character display modules, we can\u2019t send its ASCII code 0x39 and expect to see corresponding \u20189\u2019 is appear on the display. We previously build custom character in LCD display, now we implement previous technique to create \u20189\u2019. We use 6×8 pixel region and draw in 5×7 pixel. So that we have space to display the next digit to the display.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Similarly other character can be draw by pixel mapping. Now if pixel is 0 set the pixel color background, if pixel is 1 set the pixel color to foreground. Calculate every character value and store in flash memory. Let\u2019s display \u20189\u2019 to the display \u2013<\/p>\n\n\n
\nconst uint8_t FONT_CHARS[9][5] PROGMEM ={\n     { 0x3E, 0x51, 0x49, 0x45, 0x3E }, \/\/ 0\n     { 0x00, 0x42, 0x7F, 0x40, 0x00 }, \/\/ 1\n     { 0x42, 0x61, 0x51, 0x49, 0x46 }, \/\/ 2\n     { 0x21, 0x41, 0x45, 0x4B, 0x31 }, \/\/ 3\n     { 0x18, 0x14, 0x12, 0x7F, 0x10 }, \/\/ 4\n     { 0x27, 0x45, 0x45, 0x45, 0x39 }, \/\/ 5\n     { 0x3C, 0x4A, 0x49, 0x49, 0x30 }, \/\/ 6\n     { 0x01, 0x71, 0x09, 0x05, 0x03 }, \/\/ 7\n     { 0x36, 0x49, 0x49, 0x49, 0x36 }, \/\/ 8\n     { 0x06, 0x49, 0x49, 0x29, 0x1E }, \/\/ 9\n}\nvoid PutCh (char ch, uint8_t x, uint8_t y, int color)\n{\n  int pixel;\n  uint8_t row, col, bit, data, mask = 0x01;            \n  SetAddrWindow(x,y,x+4,y+6);\n  WriteCmd(RAMWR);\n  for (row=0; row<7;row++)\n      {\n      for (col=0; col<5;col++)\n           {\n             data = pgm_read_byte(&(FONT_CHARS[ch][col]));\n             bit = data & mask;\n             if (bit==0) pixel=BLACK;\n             else pixel=color;\n             WriteWord(pixel);\n           } mask <<= 1;\n      }\n}\n<\/pre><\/div>\n\n\n
Similarly other character can be writing into the TFT. One interesting thing is that you can rotate the screen.  The TFT display can be orientated in any direction. Before going into programming fist clear all the display, it is simply by sending 0 to the pixel. Then orientate the screen. The 2 functions are.<\/p>\n\n\n
\nvoid ClearScreen(void)\n{\n  SetAddrWindow(0,0,XMAX,YMAX); \/\/ set window to entire display\n  WriteCmd(RAMWR);              \/\/ memory write command, RAMWR = 0x2C\n  for (unsigned int i=40960;i>0;--i) \/\/ byte count = 128*160*2\n\t{\n\t   SPDR = 0 ;\n       while(!(SPSR&(1<<SPIF)));\n\t}\n}\n<\/pre><\/div>\n\n
\nvoid SetOrientation(int degrees)\n{\n  uint8_t arg;\n  switch (degrees)\n\t{\n\tcase 90: arg = 0x60; break;\n\tcase 180: arg = 0xC0; break;\n\tcase 270: arg = 0xA0; break;\n\tdefault: arg = 0x00; break;\n\t}\n  WriteCmd(MADCTL); \/\/axis control, MADCTL = 0x36\n  WriteByte(arg);\n}\n<\/pre><\/div>\n\n\n
Here we write a program is to display load condition. We use pin PB7 for load. If PB7 is 1 display shows LOAD ON and circle turn green. If PB7 is 0 display shows LOAD OFF and circle turn green. The main program as follow-<\/p>\n\n\n
\n\/***************************************************************\/\n\/********      Subeer Kumar Sarkar                    **********\/\n\/********      Electrical & Electronic Engineer       **********\/\n\/***************************************************************\/\n\/********   Program for ghraphical display interface  **********\/\n\/***************************************************************\/\n\/***************************************************************\/\n  #include<avr\/io.h>\n  #include<util\/delay.h>\n  #include"TFTLCD.h"\n  int main(void)\n  {\n    init_spi();    \/\/Initilize SPI\n    InitDisplay(); \/\/ initialize TFT controller\n    _delay_ms(500);\n    ClearScreen();\n    SetOrientation(90);\/\/ value should 90,180,270\n    DDRB|=(1<<DDB7);   \/\/For load \n    char *str = "Subeer Kumar Sarkar"; \/\/ text to display\n    GotoXY(2,1); \/\/ position text cursor\n    WriteString(str,GREEN); \/\/ display text\n    char *ptr = "RUET EEE 091109"; \/\/ text to display\n    WriteStringXY(2,2,ptr,MAGENTA); \/\/ display text \n    DrawRect(12,8,126,24,RED);\n    while(1)\n\t   {\n\t\tPORTB|=(1<<PB7);  \n\t\tFillCircle(20,40,12,GREEN);\n\t\tWriteStringXY(6,4,"LOAD ON ",BLUE); \/\/ display text\n\t\t_delay_ms(3000);\n\t\tPORTB&=~(1<<PB7);  \n\t\tFillCircle(20,40,12,RED);\n\t\tWriteStringXY(6,4,"LOAD OFF",BLUE); \/\/ display text\n\t\t_delay_ms(3000);\n\t}\n return 0;\n}\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\n
\n
download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
Graphical LCD Software Reset.rar<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
The TFT module is a 128*160 matrix, controlled by the onboard Sitronix ST7735 controller IC. It is a low cost faxable LCD module. TFT stands for Thin Flim Transistor which is a display screen technique used in LCD (liquid crystal display). An active component that serves as a switch for each pixel to be switched […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-2062","post","type-post","status-publish","format-standard","hentry","category-spi"],"_links":{"self":[{"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/posts\/2062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2062"}],"version-history":[{"count":20,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/posts\/2062\/revisions"}],"predecessor-version":[{"id":2637,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=\/wp\/v2\/posts\/2062\/revisions\/2637"}],"wp:attachment":[{"href":"https:\/\/iotthinghub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iotthinghub.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}