SPI - 使用LCD螢幕印出圖案與文字

若您對SPI還不太熟悉,請參考 SPI介紹
 

材料準備

市面上有許多ILI9341 TFT LCD,基本上大同小異,唯一要注意的地方是可接受的SPI clock rate,這點需要看該項LCD的產品規格來確認。

範例說明

介紹

手邊已測試過兩款ILI9341 TFT LCD with SPI interface,分別是

常見的ILI9341 TFT LCD with SPI interface有底下這些Pin腳

  • MOSI: 標準的USB Pin 腳
  • MISO: 標準的USB Pin 腳
  • SLK: 標準的USB Pin 腳
  • CS: 標準的USB Pin 腳
  • RESET: 拉Low再拉High可以重啟LCD, 詳細的重啟順序需要看LCD的規格
  • D/C: Data/Command, 這個Pin腳準位在LOW的時候, 表示此時SPI傳送的都是命令, 而準位在High的時候表時傳送的都是資料
  • LED (or BL): 即背光, 需要有一定的亮度才可以看到螢幕內容,通常可用PWM控制,或直接接到VCC讓它100%發亮
  • VCC: 接到3 V或5V, 要參考規格
  • GND: 接到GND

流程

打開範例程式, “File”→ “Examples”→ “AmebaSPI” → “ILI9341_TFT_LCD_basic”

2

編譯後上傳到Ameba,完成後按下Reset按鈕。
螢幕上會執行一些基本測試,像是刷新螢幕為不同顏色,畫直線與橫線,畫斜線,畫圓圈,畫正方形,顯示不同大小的文字,最後不停地旋轉螢幕並印出文字

4

此外,它還可以根據屏幕尺寸顯示用戶圖像。 使用線上圖像轉換工具,支援輸入 png、.jpg 和 .gif 圖像並輸出為 .c 文件。 轉換完成後,將 .c 文件放入我們的模板 Amebalogo.h 文件中,然後再次上傳代碼。

4

4

程式碼說明

  •  RGB 16-bit
    ILI9341在繪圖時,使用的顏色代碼是RGB 16-bit, 與一般常見的RBG 24-bit差異是Red使用5 bit (原本的8 bits向右移3bits), Green使用6 bits(原本的8 bits向右移2bits), Blue使用5 bit(原本的8 bits向右移3bits)舉例來說,天空藍的RGB 24 bit為0x87CEFF,表示成二進位為:
    • Red: 0x87 = B10000111
    • Green: 0xCE = B11001110
    • Blue: 0xFF = B11111111

    轉成RGB 16 bit為

    • Red: B10000
    • Green: B110011
    • Blue: B11111

    最後將這些二進位數值接起來 B1000011001111111 = 0x867F

  • ILI9341 繪圖方式
    • 在繪圖前,需要下Command告訴它接下來要畫的矩形範圍, 接著再一個一個傳入2 byte的RGB 16 bits顏色代碼,ILI9341會一個一個pixel填入對應的顏色。
    • 畫1個pixel也需要設定範圍,只不過它的矩形長寬只有1個pixel
    • 因此畫垂直線或水平線要比畫斜線要快,因為垂直線或水平線只需要設定一次矩形範圍(長或寬為1個pixel),但畫斜線則比較慢,因為實際上它畫了許多點,而每個點都要設定矩形範圍。
  • ILI9341 繪出文字
    • 在API裡,字型檔使用5×7的文字,但印出時是6×8的文字,其中右邊及下方都留白,這樣可以與下一個文字區分。底下是A的例子: 5
    • 如果是Font Size為2的情況,則裡面每個dot的大小為2×2的矩形。 Font Size為3則每個dot的大小為3×3的矩形,以此類推。
  • ILI9341 螢幕轉向
    • ILI9341提供0度、90度、180度、270度的螢幕轉向
    • 原本0度的width為240,height為320,轉向90度之後,width為320,height為240
請先確認已安裝QQ通訊軟體