4. OLED1306 顯示器(2)繪製簡易圖形

本單元參考網站：STEAM教育學習網                    https://makecode.microbit.org/S76113-55543-25609-73223

https://steam.oxxostudio.tw/category/microbit/sensor/oled.html

1.繪製四邊形 ( draw a rectangle )

「繪製四邊形」積木可以指定「左上」( x1,y1 ) 與「右下」(x2,y2) 的座標，繪製一個「空心」的四邊形。

下圖的例子，按下 A 按鈕時，OLED 就會畫出四個逐漸往右下移動的四邊形。

• 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。

• 注意，OLED 繪圖的 x 與 y 必須是「正整數」。

2.繪製垂直 / 水平直線 ( draw a line )

「繪製垂直 / 水平直線」積木可以指定線段的「起點」和「長度」，繪製垂直或水平的直線。

下圖的例子，當按下B按鈕後，OLED 會由中心點畫出十字形狀 ( 上到下一直線、左到右一直線 )。

• 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。
• 注意，OLED 繪圖的 x 與 y 必須是「正整數」。

3.繪製像素 ( draw pixel )

「繪製像素」積木可以讓 OLED 在指定的座標繪製「單一像素」( 一個點 )，是相當方便好用的積木。

下圖的例子，當按下「A+B」按鈕後，OLED 會畫出一個 X 的形狀 ( 左上到右下一直線、右上到左下一直線 )。

• 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。

• 注意，OLED 繪圖的 x 與 y 必須是「正整數」。

4.反轉顏色 ( invert display )

「反轉顏色」積木若設定 true，會將 OLED 的白色 ( 或藍色 ) 變成黑色，黑色變成白色，預設 false。

5.清除畫面 ( clear )

「清除畫面」積木可以將 OLED 的畫面內容清空。

6.關閉 / 開啟螢幕 ( turn on / off )

「關閉 / 開啟螢幕」積木可以關閉或開啟 OLED，和清除畫面不同，關閉 OLED 時，內容仍然存在，打開 OLED 之後又可以看見內容。

7.縮放畫面 ( zoom )

「縮放畫面」積木可以針對 OLED 解析度進行縮放，預設使用 true。

• true：放大模式，解析度從 128x64 變成 64x32。
• false：正常模式，解析度 128x64。

下圖的例子，micro:bit 啟動後，OLED 會顯示 hello 文字，按下 A 或 B 按鈕可以進行縮放。

下圖的例子，OLED 會顯示 hello 文字，當「標誌朝上」把字放大；當「標誌朝下」把字縮小。

【本單元範例】

1.以下範例是上面所有示範的組合。

2.為了不讓顯示的畫面彼此重疊，所以每個按鈕動作先加上Clear(清除)的積木，還有把「X」、「Y」都先設為(0，0)原點位置。