# 未來板顯示屏KittenBlock編程教學

在未來板的屏幕上，我們也可以做到很多有趣的效果。

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_coordinates.png)

![](https://kittenbothk.readthedocs.io/en/latest/_images/kbbanner10.png)

### 顯示屏積木塊

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen.png)

#### 範例程式：屏幕填充

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_code1.png)

#### 範例程式：顯示文字

未來板可以顯示繁體中文字。

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_code2.png)

#### 範例程式：繪畫點與線

#### 範例程式：繪畫矩形與圓形

注意：矩形的座標為圖形的左上角，圓形的座標為圖形的正中心。

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_code4.png)

#### 範例程式：繪畫三角形與多邊形

#### 範例程式：同步模式

關閉同步模式對於顯示動畫會有幫助。不關掉屏幕同步刷新的話，屏幕會不斷閃屏。

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_code6.png)

#### 範例程式：顯示圖片

未來板可以顯示png，bmp與gif圖片。

請將圖片放在SD卡上。

![](https://kittenbothk.readthedocs.io/en/latest/_images/screen_code7.png)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sharinghub.kittenbot.hk/mcu/futureboard/kittenblock/screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.