臺南市大甲國小自主學習專區

:::


多人網頁系統	學生作業繳交	學習資源	電子信箱	學生認證系統

3. OLED1306 顯示器(1)顯示文字與數字

5. OLED1306 顯示器(3)繪製數學圖形 next

課後社團-Micro:bit(4)
=================

本單元參考網站：STEAM教育學習網 [https://makecode.microbit.org/S76113-55543-25609-73223](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) 的座標，繪製一個「空心」的四邊形。

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_10.png)

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

- 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。
 
- 注意，OLED 繪圖的 x 與 y 必須是「正整數」。
 
![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_11b.png)

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

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_12.png)

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

- 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。
- 注意，OLED 繪圖的 x 與 y 必須是「正整數」。
 
 ![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_13b.png)

#### **3.繪製像素 ( draw pixel )**

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_15.png)

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

- 注意，OLED 預設採用 zoom:true ( 放大 ) 模式，所以數值會乘以 2 顯示。
 
- 注意，OLED 繪圖的 x 與 y 必須是「正整數」。
 
 ![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_16b.png)

#### **4.反轉顏色 ( invert display )**

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_17.png)

#### **5.清除畫面 ( clear )**

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_18.png)

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

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_19.png)

#### **7.縮放畫面 ( zoom )**

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

- true：放大模式，解析度從 128x64 變成 64x32。
- false：正常模式，解析度 128x64。
 
下圖的例子，micro:bit 啟動後，OLED 會顯示 hello 文字，按下 A 或 B 按鈕可以進行縮放。

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_20.png)

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_21b.png)

#### **【本單元範例】**

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

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

![](http://120.116.97.4/uploads/tad_book3/image/microbit4/oled1306/oled1306_22.png)

:::

臺南市線上自主學習網

出版社防疫教材專區

[ more... ]

書籍列表

搜尋

進階搜尋

來訪人次

今天：
昨天：
總計：

MarkDown

臺南市線上自主學習網

出版社防疫教材專區

書籍列表

搜尋

來訪人次