描述

在本教程中，我們將在帶有 Visuino 的 SSD1331 OLED 顯示器 (SPI) 上以簡(jiǎn)單的動(dòng)畫形式顯示和移動(dòng)位圖圖像。

第 1 步：您需要什么

• Arduino UNO（或任何其他 Arduino）
• SSD1331 OLED 顯示屏 (SPI)
• 面包板
• 跳線
• Visuino 程序：下載 Visuino

第 2 步：電路

?

• 將顯示引腳[CS] 連接到 Arduino 數(shù)字引腳[7]
• 將顯示引腳 [DC] 連接到 Arduino 數(shù)字引腳 [8]
• 將顯示引腳[RES] 連接到 Arduino 數(shù)字引腳[9]
• 將顯示引腳[SDA] 連接到 Arduino 數(shù)字引腳[11]
• 將顯示引腳[SCL] 連接到 Arduino 數(shù)字引腳[13]
• 將顯示引腳[VCC] 連接到 Arduino 正極引腳[+5V]
• 將顯示引腳 [GND] 連接到 Arduino 接地引腳 [GND]

第 3 步：?jiǎn)?dòng) Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

要開(kāi)始對(duì) Arduino 進(jìn)行編程，您需要從此處安裝 Arduino IDE：https ://www.arduino.cc/ 。

請(qǐng)注意，Arduino IDE 1.6.6 中存在一些嚴(yán)重錯(cuò)誤。確保您安裝的是 1.6.7 或更高版本，否則本教程將無(wú)法運(yùn)行！如果您尚未按照本教程中的步驟設(shè)置 Arduino IDE 以對(duì) Arduino UNO 進(jìn)行編程！Visuino：https ://www.visuino.eu也需要安裝。啟動(dòng)Visuino，如第一張圖所示點(diǎn)擊Visuino中Arduino組件（圖1）上的“工具”按鈕出現(xiàn)對(duì)話框時(shí)，選擇“Arduino UNO”，如圖2所示

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 2

?

• 添加“SSD1331 OLED Display (SPI)”組件
• 添加2X“正弦整數(shù)發(fā)生器”

第 5 步：在 Visuino 設(shè)置組件中

?

?

?

?

1 / 7

?

• 選擇“SineIntegerGenerator1”并在屬性窗口中設(shè)置振幅：20，頻率（Hz）：0.1，偏移：20
• 選擇“SineIntegerGenerator2”并在屬性窗口中設(shè)置振幅：10，頻率（Hz）：0.1，偏移：10
• 雙擊“DisplayOLED1”并在元素窗口中將“Draw Bitmap”拖到左側(cè)，然后在左側(cè)選擇“Draw Bitmap1”并在屬性窗口中選擇“Bitmap”字段并單擊3個(gè)點(diǎn)。 “位圖編輯器”單擊“加載”按鈕并加載位圖（您可以在此處下載隨附的測(cè)試位圖）
• 在“位圖編輯器”中單擊“加載”按鈕并加載位圖（您可以在此處下載隨附的測(cè)試位圖）
• 要為位圖移動(dòng)設(shè)置動(dòng)畫，我們需要控制 X 和 Y 屬性。為此，我們將向它們添加引腳：在 Object Inspector 中選擇“X”屬性單擊屬性前面的“Pin”按鈕，從下拉列表中選擇“Integer SinkPin”對(duì)“Y”執(zhí)行相同操作" 屬性 關(guān)閉“元素”對(duì)話框 您將看到新的“X”和“Y”引腳添加到“Elements.Draw Bitmap1”元素

第 6 步：在 Visuino Connect 組件中

?

?

?

?

1 / 2

?

• 將“SineIntegerGenerator1”引腳[Out]連接到“DisplayOLED1”>“Draw Bitmap1”引腳[X]
• 將“SineIntegerGenerator2”引腳[Out]連接到“DisplayOLED1”>“Draw Bitmap1”引腳[Clock]
• 將“SineIntegerGenerator2”引腳[Out]連接到“DisplayOLED1”>“Draw Bitmap1”引腳[Y]
• 將“DisplayOLED1”引腳 [Reset] 連接到 Arduino 數(shù)字引腳[9]
• 將“DisplayOLED1”引腳 [數(shù)據(jù)命令] 連接到 Arduino 數(shù)字引腳[9]
• 將“DisplayOLED1”引腳 [Out SPI] 連接到 Arduino 引腳[SPI In]
• 將“DisplayOLED1”引腳 [Chip Select] 連接到 Arduino 數(shù)字引腳[7]

第 7 步：生成、編譯和上傳 Arduino 代碼

?

在 Visuino 中，在底部單擊“構(gòu)建”選項(xiàng)卡，確保選擇了正確的端口，然后單擊“編譯/構(gòu)建和上傳”按鈕。

第 8 步：播放

。

恭喜！您已經(jīng)使用 Visuino 完成了您的項(xiàng)目。還附上了我為本教程創(chuàng)建的 Visuino 項(xiàng)目，您可以在此處下載并在 Visuino 中打開(kāi)它：https ://www.visuino.eu