描述

按下按鈕，計時器將開始倒計時，當?shù)褂嫊r達到零時，LED 將亮起。

再次按下按鈕，計時器將重新啟動。

第 1 步：您需要什么

?

?

?

?

1 / 8

?

?

• Arduino UNO（或任何其他 Arduino 或 ESP）
• 有機發(fā)光顯示器
• 兩個1K歐姆電阻
• 引領(lǐng)
• 按鈕
• 跳線
• 面包板
• Visuino 程序：下載 Visuino

第 2 步：電路

?

?

• 將 OLED 顯示引腳 [SCL] 連接到 Arduino 引腳 [SCL]
• 將 OLED 顯示引腳 [SDA] 連接到 Arduino 引腳 [SDA]
• 將 OLED 顯示引腳 [VCC] 連接到 Arduino 引腳 [5v]
• 將 OLED 顯示引腳 [GND] 連接到 Arduino 引腳 [GND]
• 將 Arduino 數(shù)字引腳 [7] 連接到面包板引腳 [GND] 和 Resistor1
• 將電阻 1 的另一端連接到面包板引腳 [GND]
• 將按鈕的其他引腳連接到面包板正極引腳 [5V]
• 將 Arduino 引腳 [5V] 連接到面包板正極引腳 [紅線]
• 將 Arduino 引腳 [GND] 連接到面包板負極引腳 [黑線]
• 將 Arduino 數(shù)字引腳 [2] 連接到 Resistor2
• 將電阻 2 的另一端連接到 LED 正極引腳
• 將 LED 負極引腳連接到面包板引腳 [GND]

第 3 步：啟動 Visuino，并選擇 Arduino UNO 板類型

?

?

?

?

1 / 2

?

?

如第一張圖所示啟動Visuino 單擊Visuino中Arduino組件（圖1）上的“工具”按鈕 當出現(xiàn)對話框時，選擇“ Arduino UNO ”，如圖2所示

第 4 步：在 Visuino 添加組件

?

?

?

?

1 / 12

?

?

• 添加“時鐘多源”組件
• 添加“Toggle(T) Flip-Flop”組件
• 添加“脈沖發(fā)生器”組件
• 添加“啟動”組件
• 添加“加/減計數(shù)器”組件
• 添加“數(shù)字多源”組件
• 添加 2X“Integer Multi Source”組件
• 添加“按值劃分整數(shù)”組件
• 添加“按值乘以整數(shù)”組件
• 添加“減去整數(shù)值”組件
• 添加“比較整數(shù)值”組件
• 添加“格式化文本”組件
• 添加“OLED I2C”組件

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

?

?

?

?

1 / 13

?

?

• 選擇“ ClockMultiSource1 ”并在屬性窗口中將“ Output Pins ”設(shè)置為 4
• 選擇“ PulseGenerator1 ”并在屬性窗口中將“ Enabled ”設(shè)置為 False，然后單擊圖釘圖標并選擇“ Boolean SinkPin ”
• 選擇“ UpDownCounter1 ”并在屬性窗口中將“ Initial Value ”設(shè)置為所需的時間（以秒為單位），我們將使用 300 秒，還將Max > Value設(shè)置為 300 并將“ Roll Over ”設(shè)置為 False并將Min > Value設(shè)置為 0 和“滾動到錯誤
• 選擇“ IntegerMultiSource2 ”并在屬性窗口中將“ Output Pins ”設(shè)置為 4
• 選擇“ DivideByValue1 ”并在屬性窗口中將“ Value ”設(shè)置為 60
• 選擇“ MultiplyByValue1 ”并在屬性窗口中將“ Value ”設(shè)置為 60
• 選擇“ SubtractValue1 ”并在屬性窗口中選擇“ Value ”并將其設(shè)置為 0 然后單擊圖釘圖標并選擇“ Integer SinkPin ”
• 選擇“ FormattedText1 ”并在屬性窗口中將“文本”設(shè)置為 %0:%1
• 雙擊“ FormattedText1 ”并在“ Elements ”窗??口中將 2X“ Text Element ”拖到左側(cè)，并在屬性窗口中將“ Fill Character ”設(shè)置為 0，將“ Length ”設(shè)置為 2
• 關(guān)閉“元素”窗口
• 雙擊“ DisplayOLED1 ”，在“ Elements ”窗??口中將“ Text Field ”拖到左側(cè)，然后在屬性窗口中將“ Size ”設(shè)置為 2，將“ X ”設(shè)置為 30，將“ Y ”設(shè)置為 20

第 6 步：在 Visuino Connect 組件中

?

?

?

?

1 / 4

?

?

• 將Arduino數(shù)字引腳 [7]連接到“ ClockMultiSource1 ”引腳 [In]
• 將“ ClockMultiSource1 ”引腳 [0] 連接到“ UpDownCounter1 ”引腳 [Reset]
• 將“ ClockMultiSource1 ”引腳 [1] 連接到“ FormattedText1 ”引腳 [Clock]
• 將“ ClockMultiSource1 ”引腳 [2] 連接到“ TFlipFlop1 ”引腳 [Reset]
• 將“ ClockMultiSource1 ”引腳 [3] 連接到“ TFlipFlop1 ”引腳 [Clock]
• 將“ TFlipFlop1 pin [Out]”連接到“ PulseGenerator1 ”pin [Enabled]
• 將“ PulseGenerator1 ”引腳 [Out] 連接到“ DigitalMultiSource1 ”引腳 [In]
• 將“ Start1 ”引腳 [Out] 連接到“ UpDownCounter1 ”引腳 [Reset]
• 將“ DigitalMultiSource1 ”引腳 [0] 連接到“ UpDownCounter1 ”引腳 [Down]
• 將“ DigitalMultiSource1 ”引腳 [1] 連接到“ FormattedText1 ”引腳 [Clock]
• 將“ UpDownCounter1 ”引腳 [Out] 連接到“ IntegerMultiSource2 ”引腳 [In]
• 連接“ IntegerMultiSource2 ”pin [0]“ DivideByValue1 ”pin [In]
• 連接“ IntegerMultiSource2 ”pin [1]“ SubtractValue1 ”pin [In]
• 連接“ IntegerMultiSource2 ”引腳 [2]“ CompareValue1 ”引腳 [In]
• 連接“ IntegerMultiSource2 ”pin [3]“ FormattedText1 ”pin [Clock]
• 將“ DivideByValue1 ”引腳 [Out] 連接到“ IntegerMultiSource1 ”引腳 [In]
• 將“ IntegerMultiSource1 ”引腳 [0] 連接到“ FormattedText1 ”>“ TextElement1 ”引腳 [In]
• 將“ IntegerMultiSource1 ”引腳 [0] 連接到“ FormattedText1 ”>“ TextElement1 ”引腳 [Clock]
• 將“ IntegerMultiSource1 ”引腳 [1] 連接到“ MultiplyByValue1 ”引腳 [In]
• 將“ MultiplyByValue1 ”引腳 [Out] 連接到“ SubtractValue1 ”引腳 [Value]
• 將“ SubtractValue1 ”引腳 [Clock] 連接到“ FormattedText1 ” > “ TextElement2 ”引腳 [In]
• 將“ SubtractValue1 ”引腳 [Clock] 連接到“ FormattedText1 ”引腳 [Clock]
• 將“ FormattedText1 ”引腳 [Out] 連接到“ DisplayOLED1 ”>“ Text Field1 ”引腳 [In]
• 將“ FormattedText1 ”引腳 [Out] 連接到“ DisplayOLED1 ” > “ Text Field1 ”引腳 [Clock]
• 將“ CompareValue1 ”連接到Arduino板 Diital 引腳 [2]
• 將“ DisplayOLED1 ” I2C pin [Out] 連接到Arduino板I2C pin [In]

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

?

?

在 Visuino 中，單擊底部的“ Build ”選項卡，確保選擇了正確的端口，然后單擊“Compile/Build and Upload”按鈕。

第 8 步：播放

如果為 Arduino 模塊供電，OLED 顯示屏將顯示倒計時時間，如果按下按鈕，倒計時將開始，如果按下增益，倒計時將重新開始。

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