{"id":30654,"date":"2020-03-30T14:23:34","date_gmt":"2020-03-30T06:23:34","guid":{"rendered":"\/blog\/?p=30654"},"modified":"2020-03-30T14:29:39","modified_gmt":"2020-03-30T06:29:39","slug":"arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd","status":"publish","type":"post","link":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/","title":{"rendered":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD"},"content":{"rendered":"\n<p>Consider choosing an LCD for your Arduino boards to display information and data from the sensors?  This tutorial will introduce basics about TFT LCD and the installation of the TFT LCD library. We take the <a href=\"https:\/\/www.seeedstudio.com\/Wio-Terminal-p-4509.html\">Wio Terminal<\/a> as the example and offer the code for every example displayed on the TFT LCD on Wio Terminal. <\/p>\n\n\n\n<p>This tutorial will be covered by: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What is the Arduino TFT LCD? Basics of the TFT LCD Screen<\/li><li>Installing the TFT LCD Library For Wio Terminal<\/li><li>Basic graphical functions of the TFT LCD library<\/li><li>How to load and display images from the SD card to the TFT LCD screen<\/li><li>&nbsp;TFT LCD library examples<\/li><li>Why choose Wio Terminal for your Arduino projects? <\/li><\/ul>\n\n\n\n<p><strong>Wio Terminal Displaying onboard IMU data in realtime<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/C0279.2019-11-28%2018_25_43.gif\" alt=\"Wio-Terminal-Gyro\" width=\"377\" height=\"212\"\/><\/figure>\n\n\n\n<p><strong>Wio Terminal Displaying and Storing Light Sensor Data<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/C0282.2019-11-28%2018_28_03.gif\" alt=\"Wio-Terminal-Light\" width=\"384\" height=\"216\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What is the TFT LCD? Basics of the TFT LCD Screen<\/h2>\n\n\n\n<p>TFT LCD is a type of LCD (liquid-crystal display) which uses a TFT (thin film transistor) to improve image quality, unlike older technologies. Each and every pixel on a TFT LCD has its own transistor on the glass itself, which accounts for more functionality such as addressability and contrast. TFT Displays usually require less power to function while being able to display sharp images. However, TFT Displays have poor viewing angles and therefore it is necessary to view them by looking straight at them rather than viewing at an angle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installing the TFT LCD Library For Wio Terminal<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Visit the&nbsp;<a href=\"https:\/\/github.com\/Seeed-Studio\/Seeed_Arduino_LCD\">Seeed_Arduino_LCD<\/a>&nbsp;repositories and download the entire repo to your local drive.<\/li><li>Now, the TFT LCD library can be installed to the Arduino IDE. Open the Arduino IDE, and click&nbsp;<code>sketch<\/code>&nbsp;-&gt;&nbsp;<code>Include Library<\/code>&nbsp;-&gt;&nbsp;<code>Add .ZIP Library<\/code>, and choose the&nbsp;<code>Seeed_Arduino_LCD<\/code>&nbsp;file that you&#8217;ve have just downloaded.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/Xnip2019-11-21_15-50-13.jpg\" alt=\"InstallLibrary\" width=\"649\" height=\"216\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"installing-the-adafruit-zero-dma-library\">Installing the Adafruit Zero DMA Library<\/h3>\n\n\n\n<p>Some functions of the TFT LCD Library requires this library.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Navigate to&nbsp;<code>sketch<\/code>&nbsp;-&gt;&nbsp;<code>Include Library<\/code>&nbsp;-&gt;&nbsp;<code>Manager Library<\/code>, and a library manager window will appear.<\/li><li>Search&nbsp;<strong>Adafruit Zero DMA<\/strong>&nbsp;and click Install.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/Xnip2019-12-16_09-19-28.jpg\" alt=\"\" width=\"800\" height=\"450\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Basic graphical functions of the TFT LCD library <\/h2>\n\n\n\n<p>The following repo describes some of the basic graphical functions of the TFT LCD library on Wio Terminal. You can use these functions to create your own drawing functions!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"drawing-pixels\">Drawing Pixels<\/h3>\n\n\n\n<p>To draw a pixel on the LCD screen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>drawPixel(int32_t x, int32_t y, uint32_t color); <\/code><\/pre>\n\n\n\n<p>where&nbsp;<code>(x, y)<\/code>&nbsp;is the pixel coordinate and&nbsp;<code>color<\/code>&nbsp;is the colour of the pixel.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-code\">Example code<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">#include\"TFT_eSPI.h\"\nTFT_eSPI tft;\n\nvoid setup() {\n    tft.begin();\n    tft.setRotation(3);\n\n    tft.fillScreen(TFT_RED); \/\/Red background\n    tft.drawPixel(4,7,TFT_BLACK); \/\/drawing a black pixel at (4,7)\n}\n\nvoid loop() {}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"drawing-lines\">Drawing Lines<\/h3>\n\n\n\n<p>To draw a line between two points on the LCD screen:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">drawLine(int32_t x0, int32_t y0, int32_t x1, int32_t y1, uint32_t color);<\/pre>\n\n\n\n<p>where the line starts drawing from&nbsp;<code>(x0, y0)<\/code>&nbsp;to&nbsp;<code>(x1, y1)<\/code>&nbsp;and&nbsp;<code>color<\/code>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"example-code_1\">Example code<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">#include\"TFT_eSPI.h\"\nTFT_eSPI tft;\n\nvoid setup() {\n    tft.begin();\n    tft.setRotation(3);\n\n    tft.fillScreen(TFT_RED); \/\/Red background\n    tft.drawLine(0,0,160,120,TFT_BLACK); \/\/drawing a black line from (0,0) to (160,120)\n}\n\nvoid loop() {}<\/pre>\n\n\n\n<p>We also provide the example codes to help you draw the following graphics:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Horizontal lines &amp; Vertical lines<\/li><li>Rectangles<\/li><li>Circles<\/li><li>Triangles<\/li><li>Round rectangles<\/li><li>Characters<\/li><li>Text Strings<\/li><li>Filling the Screen<\/li><\/ul>\n\n\n\n<p>Please check out <a href=\"http:\/\/wiki.seeedstudio.com\/Wio-Terminal-LCD-Graphics\/\">Wiki<\/a> for more information. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to load and display images from the SD card to the TFT LCD screen<\/h2>\n\n\n\n<p>This repo describes how to load and display images from the SD card to the TFT LCD screen on Wio Terminal. This can be very useful implementation to your design and can be used in various places!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/WechatIMG2314.jpeg.jpg\" alt=\"\" width=\"300\" height=\"164\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"libraries-installation\">Libraries Installation<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installing-the-sd-card-library-for-wio-terminal\">Installing the SD Card library for Wio Terminal<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Visit the&nbsp;<a href=\"https:\/\/github.com\/Seeed-Studio\/Seeed_Arduino_FS\/tree\/beta\">Seeed-Arduino-FS<\/a>&nbsp;repositories and download the entire repo to your local drive.<\/li><li>Now, the SD card library can be installed to the Arduino IDE. Open the Arduino IDE, and click&nbsp;<code>sketch<\/code>&nbsp;-&gt;&nbsp;<code>Include Library<\/code>&nbsp;-&gt;&nbsp;<code>Add .ZIP Library<\/code>, and choose the&nbsp;<code>Seeed_Arduino_FS<\/code>&nbsp;file that you&#8217;ve have just downloaded.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/Xnip2019-11-21_15-50-13.jpg\" alt=\"InstallLibrary\" width=\"649\" height=\"216\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installing-the-tft-lcd-library-for-wio-terminal\">Installing the TFT LCD Library For Wio Terminal<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"image-format-configuration\">Image Format configuration<\/h4>\n\n\n\n<p><strong>1. Convert image format to Windows BMP format<\/strong><\/p>\n\n\n\n<p>First, we need to resize and convert the image format to the windows&nbsp;<code>.bmp<\/code>&nbsp;format. Here, we recommend to use&nbsp;<code>Microsoft paint<\/code>&nbsp;to do so. Simply rescale the image to required size and&nbsp;<code>save as<\/code>&nbsp;the&nbsp;<code>24-bit bitmap (.bmp)<\/code>&nbsp;file.<\/p>\n\n\n\n<p><strong>2. Convert the Windows BMP format to the &#8220;special&#8221;&nbsp;<code>.bmp<\/code>&nbsp;format through our Python script<\/strong><\/p>\n\n\n\n<p>To display bmp images on our embedded system, we need to get rid of some information (head files) in our Windows bmp format. We wrote a python script to do this for us, here is an instruction of how to use it:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create a folder name&nbsp;<code>bmp<\/code>&nbsp;and save your Windows&nbsp;<code>.bmp<\/code>&nbsp;format images inside this folder.<\/li><li>Download the Python script&nbsp;<a href=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/res\/bmp_converter.py\"><code>bmp_converter.py<\/code><\/a>&nbsp;, and save it in the same directory with the&nbsp;<code>bmp folder<\/code>.<\/li><li>Open&nbsp;<code>cmd<\/code>&nbsp;or&nbsp;<code>terminal<\/code>&nbsp;to run the Python script. First,&nbsp;<code>cd<\/code>&nbsp;to the directory that saved the&nbsp;<code>bmp_converter.py<\/code>&nbsp;and&nbsp;<code>bmp folder<\/code>, then run the Python script.<\/li><li>Two options: Enter&nbsp;<code>1<\/code>&nbsp;for 8-bit colour convert; Enter&nbsp;<code>2<\/code>&nbsp;for 16-bit colour convert<\/li><li>Now, you are able to find converted the&nbsp;<code>.bmp<\/code>&nbsp;images inside another folder name&nbsp;<code>rgb332<\/code>(8-bit) or&nbsp;<code>rgb565<\/code>(16-bit) in the bmp folder.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/PythonScript.gif\" alt=\"\" width=\"540\" height=\"169\"\/><\/figure>\n\n\n\n<p>We prepared some gifs for the TFT LCD library examples, all the examples can be found under&nbsp;<code>File<\/code>-&gt;<code>Example<\/code>-&gt;<code>Seeed_Arduino_LCD<\/code>&nbsp;-&gt;&nbsp;<code>320 x 240<\/code>. You can use these examples to implement in your design.<\/p>\n\n\n\n<p>Please visit our Wiki to <a href=\"http:\/\/wiki.seeedstudio.com\/Wio-Terminal-LCD-Loading-Image\/\">get started with example codes. <\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"useful-graphics\">Useful Graphics<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_pie_chart\">TFT_Pie_Chart<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0129.2019-12-03%2014_10_15.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_arcfill\">TFT_ArcFill<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0131.2019-12-03%2014_18_05.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_arcfillspiral\">TFT_ArcFillSpiral<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0132.2019-12-03%2014_27_24.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"displaying-data\">Displaying Data<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_clock\">TFT_Clock<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0133.2019-12-03%2014_37_47.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_clock_digital\">TFT_Clock_Digital<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0138.2019-12-03%2014_48_38.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_terminal\">TFT_Terminal<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0136.2019-12-03%2014_45_13.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"fonts\">Fonts<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aii_free_fonts_demo\">AII_Free_Fonts_Demo<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0143.2019-12-03%2015_15_06.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"rle_font_test\">RLE_Font_test<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0145.2019-12-03%2015_17_11.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"displaying-as-background\">Displaying as Background<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_starfield\">TFT_Starfield<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0147.2019-12-03%2016_59_07.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"tft_matrix\">TFT_Matrix<\/h4>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/files.seeedstudio.com\/wiki\/Wio-Terminal\/img\/IMG_0141.2019-12-03%2014_57_30.gif\" alt=\"\" width=\"253\" height=\"160\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Why choose Wio Terminal for your Arduino projects? <\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Fully compatible with Arduino<\/h4>\n\n\n\n<p><strong>Wio Terminal<\/strong>&nbsp;is an&nbsp;<strong>ATSAMD51-based<\/strong>&nbsp;microcontroller with wireless connectivity supported by&nbsp;<strong>Realtek RTL8720DN<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">You can use over 300 Grove modules to display the data on the screen. <\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>300+ Grove modules to explore with IoT<\/li><li>Two onboard multi-functional Grove ports can be used for Digital, Analog, I2C, and PWM<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>USB OTG Support<\/strong> for more accessible devices<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Accessible Devices: Mouse, Keyboard, MIDI Devices, Xbox\/PS Gaming Controllers, 3D Printers<\/li><li>Simulated Devices: Mouse, Keyboard, MIDI Devices<\/li><\/ul>\n\n\n\n<p>Not have a Wio Terminal yet? Click <a href=\"https:\/\/www.seeedstudio.com\/Wio-Terminal-p-4509.html\">here<\/a> to get one now! <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Wio Terminal | ATSAMD51 Core with Realtek RTL8720DN BLE 5.0 &amp; Wi-Fi 2.4G\/5G Dev Board\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/HSkqHrpk7FM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Consider choosing an LCD for your Arduino boards to display information and data from the<\/p>\n","protected":false},"author":200,"featured_media":30651,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"iawp_total_views":0,"footnotes":""},"categories":[1],"tags":[3044,3043,3003],"class_list":["post-30654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-arduino-tft","tag-tft-lcd","tag-wio-terminal"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio\" \/>\n<meta property=\"og:description\" content=\"Consider choosing an LCD for your Arduino boards to display information and data from the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/\" \/>\n<meta property=\"og:site_name\" content=\"Latest News from Seeed Studio\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-30T06:23:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-30T06:29:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png\" \/>\n\t<meta property=\"og:image:width\" content=\"986\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Elaine Wu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elaine Wu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/\",\"name\":\"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio\",\"isPartOf\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png\",\"datePublished\":\"2020-03-30T06:23:34+00:00\",\"dateModified\":\"2020-03-30T06:29:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/61c04bed5bbe2d098f04195c6e48fb11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png\",\"contentUrl\":\"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png\",\"width\":986,\"height\":650,\"caption\":\"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.seeedstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#website\",\"url\":\"https:\/\/www.seeedstudio.com\/blog\/\",\"name\":\"Latest News from Seeed Studio\",\"description\":\"Emerging IoT, AI and Autonomous Applications on the Edge\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.seeedstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/61c04bed5bbe2d098f04195c6e48fb11\",\"name\":\"Elaine Wu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/184af8ef71f0d6b64c276f9bb38b992e?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/184af8ef71f0d6b64c276f9bb38b992e?s=96&r=g\",\"caption\":\"Elaine Wu\"},\"description\":\"Head of AI Robotics @seeed Every day holds new magic \u2728 on ne sait jamais\u2601\ufe0f\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/elaine1994\/\"],\"url\":\"https:\/\/www.seeedstudio.com\/blog\/author\/elaine\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/","og_locale":"en_US","og_type":"article","og_title":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio","og_description":"Consider choosing an LCD for your Arduino boards to display information and data from the","og_url":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/","og_site_name":"Latest News from Seeed Studio","article_published_time":"2020-03-30T06:23:34+00:00","article_modified_time":"2020-03-30T06:29:39+00:00","og_image":[{"width":986,"height":650,"url":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png","type":"image\/png"}],"author":"Elaine Wu","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Elaine Wu","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/","url":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/","name":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD - Latest News from Seeed Studio","isPartOf":{"@id":"https:\/\/www.seeedstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage"},"image":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage"},"thumbnailUrl":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png","datePublished":"2020-03-30T06:23:34+00:00","dateModified":"2020-03-30T06:29:39+00:00","author":{"@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/61c04bed5bbe2d098f04195c6e48fb11"},"breadcrumb":{"@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#primaryimage","url":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png","contentUrl":"https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png","width":986,"height":650,"caption":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD"},{"@type":"BreadcrumbList","@id":"https:\/\/www.seeedstudio.com\/blog\/2020\/03\/30\/arduino-tft-lcd-screen-tutorial-using-wio-terminal-equipped-with-2-4-tft-lcd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seeedstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Arduino TFT LCD Screen Tutorial using Wio Terminal Equipped with 2.4 TFT LCD"}]},{"@type":"WebSite","@id":"https:\/\/www.seeedstudio.com\/blog\/#website","url":"https:\/\/www.seeedstudio.com\/blog\/","name":"Latest News from Seeed Studio","description":"Emerging IoT, AI and Autonomous Applications on the Edge","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seeedstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/61c04bed5bbe2d098f04195c6e48fb11","name":"Elaine Wu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seeedstudio.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/184af8ef71f0d6b64c276f9bb38b992e?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/184af8ef71f0d6b64c276f9bb38b992e?s=96&r=g","caption":"Elaine Wu"},"description":"Head of AI Robotics @seeed Every day holds new magic \u2728 on ne sait jamais\u2601\ufe0f","sameAs":["https:\/\/www.linkedin.com\/in\/elaine1994\/"],"url":"https:\/\/www.seeedstudio.com\/blog\/author\/elaine\/"}]}},"modified_by":"Elaine Wu","views":10696,"featured_image_urls":{"full":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",986,650,false],"thumbnail":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-80x80.png",80,80,true],"medium":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-300x198.png",300,198,true],"medium_large":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-768x506.png",640,422,true],"large":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",640,422,false],"1536x1536":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",986,650,false],"2048x2048":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",986,650,false],"visody_icon":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",32,21,false],"magazine-7-slider-full":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",986,650,false],"magazine-7-slider-center":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-936x650.png",936,650,true],"magazine-7-featured":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54.png",986,650,false],"magazine-7-medium":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-720x380.png",720,380,true],"magazine-7-medium-square":["https:\/\/www.seeedstudio.com\/blog\/wp-content\/uploads\/2020\/03\/image-54-675x450.png",675,450,true]},"author_info":{"display_name":"Elaine Wu","author_link":"https:\/\/www.seeedstudio.com\/blog\/author\/elaine\/"},"category_info":"<a href=\"https:\/\/www.seeedstudio.com\/blog\/category\/news\/\" rel=\"category tag\">News<\/a>","tag_info":"News","comment_count":"0","_links":{"self":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/30654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/users\/200"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=30654"}],"version-history":[{"count":9,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/30654\/revisions"}],"predecessor-version":[{"id":30726,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/posts\/30654\/revisions\/30726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/media\/30651"}],"wp:attachment":[{"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=30654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=30654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seeedstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=30654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}