[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-571953-105":53,"doc-detail-571953-en":127},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":120,"head_meta":122,"extra_data":124,"updated_unix":126},105,"en","tft-espi-display-graphics-library-cheat-sheet-pm","tft eSPI Display Graphics Library Cheat Sheet - PM","","Quick reference for the TFT_eSPI and TFT_eWidget display graphics libraries, covering initialization, screen setup, rotation, clearing and color handling. Includes predefined and custom color conversion, drawing primitives for lines, rectangles, circles, triangles, rounded rectangles and ellipses, plus text rendering and cursor control. Provides bitmap/image drawing, touch acquisition and calibration, pixel reading/testing, scrolling and utility functions. Also summarizes TFT_eWidget UI component commands for buttons, sliders, progress bars, gauges and graphs.",{"@graph":63,"@context":119},[64,80,102],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/tft-espi-display-graphics-library-cheat-sheet-pm/571953/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/tft-espi-display-graphics-library-cheat-sheet-pm/571953.png","ImageObject",442,249,{"name":88,"@type":89},"Danger Angel","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-21","2026-10-13",true,{"@type":98,"interactionType":99,"userInteractionCount":101},"InteractionCounter",{"@type":100},"ViewAction",7,{"@type":103,"mainEntity":104},"FAQPage",[105,111,115],{"name":106,"@type":107,"acceptedAnswer":108},"How do I initialize and set the display rotation in TFT_eSPI?","Question",{"text":109,"@type":110},"Create a TFT_eSPI instance, call tft.init(), then set orientation with tft.setRotation(rotation) using values 0–3.","Answer",{"name":112,"@type":107,"acceptedAnswer":113},"What drawing functions are available for basic shapes?",{"text":114,"@type":110},"Use tft.drawLine(), tft.drawRect()/tft.fillRect(), tft.drawCircle()/tft.fillCircle(), tft.drawTriangle()/tft.fillTriangle(), and rounded rectangle/ellipse functions when supported.",{"name":116,"@type":107,"acceptedAnswer":117},"How do I use TFT_eWidget UI components like buttons and sliders?",{"text":118,"@type":110},"Add components with widget.addButton() or widget.addSlider(), then render them using widget.drawButton(id) / widget.drawSlider(id), and update their state with pressButton()/setSliderValue() and related getters.","https://schema.org",{"og:url":78,"og:type":121,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":123,"canonical":78},"index,follow",{"doc_id":125,"site_id":56},571953,1792014116,{"code":4,"msg":5,"data":128},{"doc_id":125,"user_id":129,"nickname":88,"user_avatar":130,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":131,"file_id":132,"file_url":133,"file_type":134,"file_size":135,"view_count":101,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":136,"language":137,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":138,"faqs":139,"seo_title":140,"seo_description":61,"update_tm":141,"read_time":73},962090769052,"https://ap-avatar.wpscdn.com/davatar_9964176cb1d06d4a9deccf72a44ae3dc","tft eSPI display graphics library by BODMER  \n[https://github.com/Bodmer/TFT_eSPI](https://github.com/Bodmer/TFT_eSPI)  \nCheat sheet by Praxis Mechatronics  \n[https://praxismechatronics.com/](https://praxismechatronics.com/)  \n\n| Initialization and Setup\u003Cbr>● TFT_eSPI tft = TFT_eSPI () ;\u003Cbr>Creates an instance of the TFT display .\u003Cbr>● tft .init () ; Initializes the display .\u003Cbr>● tft .setRotation (uint8_t rotation) ;\u003Cbr>Sets screen rotation (values : 0 , 1 , 2 , 3 ) .\u003Cbr>● tft .fillScreen (uint16_t color) ;\u003Cbr>Fills the entire screen with a solid color .\u003Cbr>● tft .width () , tft .height ()\u003Cbr>Returns the width and height of the screen in pixels . |\n| --- |\n| Colors\u003Cbr>● Predefined Colors: TFT_BLACK , TFT_WHITE , TFT_RED , TFT_GREEN , TFT_BLUE , TFT_YELLOW , TFT_CYAN , TFT_MAGENTA , etc.\u003Cbr>● Custom Colors :\u003Cbr>tft .color565 (uint8_t r , uint8_t g , uint8_t b) ;\u003Cbr>Converts RGB values to a 16-bit color . |\n\nDrawing Shapes  \n● Lines :  \ntft .drawLine (x0 , y 0 , x1 , y 1 , color) ;  \nDraws a line from (x0 , y 0 ) to (x1 , y 1 ) .  \n● Rectangles :  \ntft .drawRect (x , y , w , h , color) ;  \nDraws an outline of a rectangle .  \ntft .fillRect (x , y , w , h , color) ;  \nDraws a filled rectangle .  \n● Circles :  \ntft .drawCircle (x , y , radius , color) ;  \nDraws an outline of a circle .  \ntft .fillCircle (x , y , radius , color) ;  \nDraws a filled circle .  \n● Triangles :  \ntft .drawTriangle (x0 , y 0 , x1 , y 1 , x2 , y2 , color) ;  \nDraws an outline of a triangle .  \ntft .fillTriangle (x0 , y 0 , x1 , y 1 , x2 , y2 , color) ;  \nDraws a filled triangle .  \n● Round Rectangles :  \ntft .drawRoundRect (x , y , w , h , radius , color) ;  \nDraws an outline of a round ed rectangle .  \ntft .fillRoundRect (x , y , w , h , radius , color) ;  \nDraws a filled rounded rectangle .  \n● Ellipses ( if supported) :  \ntft .fillEllipse (x , y , rx , ry , color) ;  \nDraws a filled ellipse .  \n\n| Text ● | tft .setTextColor (color) ;\u003Cbr>Sets the text color . |\n| --- | --- |\n| ● | tft .setTextColor (fgcolor , bgcolor) ;\u003Cbr>Sets the text color with background . |\n| ● | tft .setTextSize (uint8 t size) ;\u003Cbr>Sets the size of the text ( 1 = default , 2 = 2x size , etc . ) . |\n| ● | tft .drawString ( \"text \" , x , y) ;\u003Cbr>Draws a string at (x , y) . |\n| ● | \u003Cbr>tft .setCursor (x , y) ; |\n| ● | Sets the cursor position for subsequent text .\u003Cbr>tft .print ( \"text \" ) ; |\n| ● | Prints text at the current cursor position .\u003Cbr>tft .println ( \"text \" ) ;\u003Cbr>Prints text and moves to the next line . |\n| Images\u003Cbr>● tft .drawBitmap (x , y , bitmap , w , h , color) ; Draws a monochrome bitmap at (x , y) .\u003Cbr>● tft .pushImage (x , y , w , h , data) ;\u003Cbr>Draws a color image ( 16-bit color data array) .\u003Cbr>● tft .setSwapBytes (bool swap) ;\u003Cbr>Sets whether byte order in pushImage data should be swapped . |  |\n\nTouch Support  \n● tft .getTouch (&x , &y , threshold) ;  \nGets the touch coordinates . Returns true if the screen is touched .  \n● tft .calibrateTouch (calData , TFT_CALIBRATION_POINTS) ; Calibrates the touch input .  \n● tft .setTouch (calData) ;  \nSets calibration data for touch .  \n\n| Drawing Pixels |\n| --- |\n| ● tft .drawPixel (x , y , color) ; |\n| Draws a single pixel at (x , y) . |\n| Screen Scrolling |\n| ● tft .scrollTo (int16_t y) ; |\n| Scrolls the display content vertically . |\n| Other Utilities\u003Cbr>● tft .fillScreen (color) ;\u003Cbr>Clears the screen and fills it with the specified color .\u003Cbr>● tft .invertDisplay (true/ false) ; Inverts the display colors .\u003Cbr>● tft .setRotation (rotation) ; Sets screen orientation . |\n\nCalibration and Debugging  \n● tft .readPixel (x , y) ;  \nReads the color of the pixel at (x , y) .  \n● tft .test () ;  \nRuns a display test ( if supported) .  \nTFT eWidget  \n\n| Initialization and Setup\u003Cbr>● TFT_eSPI tft = TFT_eSPI () ; Creates an instance of the TFT TFT_eWidget to work) .\u003Cbr>● TFT_eWidget widget (&tft) ; Creates a widget object linked | display ( required for\u003Cbr>to the TFT display instance . |\n| --- | --- |\n| Widget s Overview\u003Cbr>TF","cbCaitwc3gBmYg5Q","https://ap.wps.com/l/cbCaitwc3gBmYg5Q","pdf",93334,6,"English","# Initialization and Setup\n# Colors and Color Conversion\n# Drawing Shapes\n# Text Rendering\n# Images\n# Touch Support\n# Drawing Pixels and Screen Scrolling\n# Calibration and Debugging\n# TFT_eWidget UI Components\n## Button Commands\n## Slider Commands\n## Progress Bar Commands\n## Gauge Commands\n## Graph Commands","[{\"question\":\"How do I initialize and set the display rotation in TFT_eSPI?\",\"answer\":\"Create a TFT_eSPI instance, call tft.init(), then set orientation with tft.setRotation(rotation) using values 0–3.\"},{\"question\":\"What drawing functions are available for basic shapes?\",\"answer\":\"Use tft.drawLine(), tft.drawRect()/tft.fillRect(), tft.drawCircle()/tft.fillCircle(), tft.drawTriangle()/tft.fillTriangle(), and rounded rectangle/ellipse functions when supported.\"},{\"question\":\"How do I use TFT_eWidget UI components like buttons and sliders?\",\"answer\":\"Add components with widget.addButton() or widget.addSlider(), then render them using widget.drawButton(id) / widget.drawSlider(id), and update their state with pressButton()/setSliderValue() and related getters.\"}]","tft eSPI Display Graphics Library Cheat Sheet - PM | PDF",1791924693]