0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

ESP32+TFT零基礎(chǔ)保姆級教學,一步步從接線到編程實踐

伊娃老師來了 ? 來源:伊娃來了 ? 作者:伊娃來了 ? 2023-08-07 17:36 ? 次閱讀

Hello,我是伊娃老師,硬件的顯示離不開各種屏幕,TFT則是常用的屏幕之一,但使用中很容易各種踩坑,但只要跟著我,坑都能避免,那就一起點亮TFT屏幕吧!我將詳細介紹如何在Arduino環(huán)境中使用ESP32板,通過TFT_ESPI庫,輕松地點亮TFT屏幕。

其中也附上好玩的案例,代碼也開源給大家了,文章最下方就是了。

d1acad68-33f2-11ee-b9c7-dac502259ad0.png

我的TFT是128X128的,驅(qū)動是ST7735s,但本次教程適用多數(shù)分辨率跟驅(qū)動,請勿擔心。

d1f80fec-33f2-11ee-b9c7-dac502259ad0.png

準備開發(fā)環(huán)境 安裝Arduino開發(fā)環(huán)境:下載并安裝Arduino IDE,確保你使用的是最新版本。 添加ESP32開發(fā)板支持:在Arduino IDE中,打開“首選項”,在“附加開發(fā)板管理器網(wǎng)址”中添加ESP32的支持鏈接,并通過開發(fā)版管理器安裝ESP32開發(fā)板。

https://dl.espressif.com/dl/package_esp32_index.json

https://github.com/Bodmer/TFT_eSPI

d2287362-33f2-11ee-b9c7-dac502259ad0.png

d246013e-33f2-11ee-b9c7-dac502259ad0.png

導入所需庫 下載TFT_ESPI庫:在Arduino IDE中,通過“庫管理器”搜索并安裝TFT底線ESPI庫。

d2631620-33f2-11ee-b9c7-dac502259ad0.png

設(shè)置引腳連接 查找ESP32板和TFT屏幕的引腳圖:根據(jù)你使用的ESP32型號和TFT屏幕型號,查找它們的引腳圖和引腳定義。

d27e0d9a-33f2-11ee-b9c7-dac502259ad0.png

修改屏幕驅(qū)動設(shè)置 打開TFT_ESPI庫的“TFT_Drivers”文件:在庫中找到相應的TFT驅(qū)動設(shè)定文件。 設(shè)置驅(qū)動和屏幕參數(shù):根據(jù)你使用的TFT屏幕型號,在設(shè)定文件中設(shè)置正確的驅(qū)動和分辨率參數(shù)。注意要使用正確的顯示模式和顏色格式。

d29b3276-33f2-11ee-b9c7-dac502259ad0.png

第一步,設(shè)置驅(qū)動

d2bed83e-33f2-11ee-b9c7-dac502259ad0.png

第二步,設(shè)置顯示模式

d2e10f8a-33f2-11ee-b9c7-dac502259ad0.png

第三步,設(shè)置分辨率

d2f1aa48-33f2-11ee-b9c7-dac502259ad0.png

第四步,設(shè)置修正

d3072abc-33f2-11ee-b9c7-dac502259ad0.png

第五步,設(shè)置引腳

d32d3b76-33f2-11ee-b9c7-dac502259ad0.png

第六步,設(shè)置旋轉(zhuǎn)模式與偏移像素值

d357e9e8-33f2-11ee-b9c7-dac502259ad0.png

d372916c-33f2-11ee-b9c7-dac502259ad0.png

上傳代碼 創(chuàng)建一個Arduino項目:在Arduino IDE中,創(chuàng)建一個新項目,并將修改過的TFT_ESPI庫的代碼復制到主程序文件中。 選擇正確的開發(fā)板:在Arduino IDE中,選擇正確的ESP32開發(fā)板和串口端口。 編譯和上傳代碼:編譯代碼,并將代碼上傳到ESP32開發(fā)板。

d39b6506-33f2-11ee-b9c7-dac502259ad0.png

調(diào)整顯示效果 如果屏幕顯示有問題,如花屏或顏色不正確,可以嘗試在TFT drivers庫中找到適合你的TFT屏幕的驅(qū)動文件。 修改修正參數(shù):打開相應的驅(qū)動文件,根據(jù)屏幕顯示效果調(diào)整修正參數(shù),如偏移量和旋轉(zhuǎn)模式。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 接線
    +關(guān)注

    關(guān)注

    29

    文章

    691

    瀏覽量

    33049
  • 編程
    +關(guān)注

    關(guān)注

    88

    文章

    3544

    瀏覽量

    93470
  • TFT
    TFT
    +關(guān)注

    關(guān)注

    10

    文章

    381

    瀏覽量

    110807
  • 代碼
    +關(guān)注

    關(guān)注

    30

    文章

    4697

    瀏覽量

    68085
  • ESP32
    +關(guān)注

    關(guān)注

    17

    文章

    944

    瀏覽量

    16902
收藏 人收藏

    評論

    相關(guān)推薦

    外國牛人教你一步步快速打造首臺機器人(超詳細)

    外國牛人教你一步步快速打造首臺機器人(超詳細)
    發(fā)表于 08-15 19:30

    一步步寫嵌入式操作系統(tǒng)—ARM編程的方法與實踐ch02

    一步步寫嵌入式操作系統(tǒng)—ARM編程的方法與實踐ch02
    發(fā)表于 08-20 20:54

    CC2530一步步演示程序燒寫

    CC2530一步步演示程序燒寫第一步——先安裝IAR開發(fā)環(huán)境第二歩——安裝CC2530燒寫工具第三歩——CC2530串口配置軟件使用具體完整步驟看下面文檔
    發(fā)表于 03-03 14:33

    一步步建立_STM32_UCOS_模板

    一步步建立_STM32_UCOS_模板
    發(fā)表于 09-29 11:46

    菜鳥一步步入門SAM4S-XPLAINED--IAR開發(fā)環(huán)境

    菜鳥一步步入門SAM4S-XPLAINED--IAR開發(fā)環(huán)境
    發(fā)表于 01-25 10:55

    請問有beaglebone black零基礎(chǔ)的入門教程嗎?

    在哪兒能看到BBB零基礎(chǔ)的入門教程呢?確實是零基礎(chǔ)的那種,配置環(huán)境一步步些小項目。本人小
    發(fā)表于 10-22 05:37

    一步步進行調(diào)試GPRS模塊

    背景:在不知道硬件是否正確情況下,一步步進行調(diào)試,最終完成調(diào)試。以下是自己調(diào)試步驟。1、gprs模塊TX ,RX 單獨焊接兩個線出來,通過上位機發(fā)送AT指令,是否能正常工作。
    發(fā)表于 01-25 07:33

    stm32是如何一步步實現(xiàn)設(shè)置地址匹配接收喚醒中斷功能的

    為什么要設(shè)置地址匹配接收喚醒中斷呢?stm32是如何一步步實現(xiàn)設(shè)置地址匹配接收喚醒中斷功能的?
    發(fā)表于 02-28 08:07

    一步步寫嵌入式操作系統(tǒng)

    一步步寫嵌入式操作系統(tǒng)_ARM編程的方法與實踐
    發(fā)表于 07-14 11:32 ?0次下載

    Java開發(fā)環(huán)境的搭建以及使用eclipse開始一步步創(chuàng)建Java項目

    本文詳細介紹了Java開發(fā)環(huán)境的搭建以及使用eclipse開始一步步創(chuàng)建Java項目。1.首先安裝JDK,接下來需要配置環(huán)境變量,配置path變量等,詳情請看下文
    的頭像 發(fā)表于 02-01 14:20 ?3377次閱讀
    Java開發(fā)環(huán)境的搭建以及使用eclipse<b class='flag-5'>從</b>開始<b class='flag-5'>一步步</b>創(chuàng)建Java項目

    看電路是怎么把電壓一步步頂上去的?資料下載

    電子發(fā)燒友網(wǎng)為你提供看電路是怎么把電壓一步步頂上去的?資料下載的電子資料下載,更有其他相關(guān)的電路圖、源代碼、課件教程、中文資料、英文資料、參考設(shè)計、用戶指南、解決方案等資料,希望可以幫助廣大的電子工程師們。
    發(fā)表于 04-16 08:47 ?13次下載
    看電路是怎么把電壓<b class='flag-5'>一步步</b>頂上去的?資料下載

    ROM與RAM 單片機上電后如何一步步執(zhí)行?資料下載

    電子發(fā)燒友網(wǎng)為你提供ROM與RAM 單片機上電后如何一步步執(zhí)行?資料下載的電子資料下載,更有其他相關(guān)的電路圖、源代碼、課件教程、中文資料、英文資料、參考設(shè)計、用戶指南、解決方案等資料,希望可以幫助廣大的電子工程師們。
    發(fā)表于 04-21 08:53 ?12次下載
    ROM與RAM 單片機上電后如何<b class='flag-5'>一步步</b>執(zhí)行?資料下載

    一步步重新演繹汽車駕駛體驗

    一步步重新演繹汽車駕駛體驗
    發(fā)表于 11-04 09:52 ?0次下載
    <b class='flag-5'>一步步</b>重新演繹汽車駕駛體驗

    基于一步步蒸餾(Distilling step-by-step)機制

    為優(yōu)化LLM為“小模型/少數(shù)據(jù)/好效果”,提供了種新思路:”一步步蒸餾”(Distilling step-by-step)
    的頭像 發(fā)表于 05-16 10:24 ?1070次閱讀
    基于<b class='flag-5'>一步步</b>蒸餾(Distilling step-by-step)機制

    ESP32+TFT 手把手教你學會黑客帝國的數(shù)字特效

    嗨,各位小伙伴!今天,我們將帶你探索如何在ESP32開發(fā)板上制作炫酷的特效,別擔心,不需要編程基礎(chǔ)。我們將一步步學習如何使用TFT屏幕以及ESPI庫。跟著我,輕松入門,
    的頭像 發(fā)表于 11-09 08:43 ?1235次閱讀
    <b class='flag-5'>ESP32+TFT</b> 手把手教你學會黑客帝國的數(shù)字特效