Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

按鈕開關

Webduino Smart 開發板的 USB 電源接孔附近有一個微型按鈕開關 ( 腳位為 4 ),我們可以透過這個按鈕開關,執行「按下」、「放開」或「長按」等動作,進一步操控網頁元素或電子零件。

雖然按鈕開關使用了 4 號腳位,但如果不使用按鈕開關的時候,我們仍然可以透過 4 號腳作為訊號的輸出 ( 不過要注意如果同時又使用了按鈕開關,就也會觸發開關的行為 )。

Webduino Smart 按鈕開關

操作解析

打開 Webduino Blockly 編輯工具 ( https://blockly.webduino.io ),在畫面中放入開發板積木,開發板下拉選單選擇 Smart 以及使用 Wi-fi 連線,後方文字輸入積木填入 Smart 開發板的 Device ID,接著放入上拉按鈕開關的積木,名稱設定為 button,腳位設定 4。

開發板的積木在「開發板控制」目錄下,按鈕開關的積木在「輸入輸出 > 按鈕開關」目錄下。

Webduino Smart 與按鈕開關積木

因為待會要顯示開關的狀態,所以要打開 Webduino Blockly 的網頁互動測試區,下拉選單選擇「顯示文字」,此時畫面中會出現文字顯示的區域,左下角也會出現對應的積木功能可以選擇。

網頁互動 - 顯示文字

分別放入開關按下、放開、長按的積木,在進行對應動作時,文字也會顯示按下、放開或長按。

文字輸入的積木在「基本功能 > 文字」目錄下。

設定按鈕開關與顯示文字

填入裝置 Device ID,確認開發板上線,點選右上方紅色按鈕執行,用手指按壓 Smart 開發板上的按鈕開關,就可以看到網頁顯示對應的文字。

範例解答:https://goo.gl/PLBCnj

相關參考