---
# System prepended metadata

title: 'App Inventor 基礎範例 '

---

## 📱 App Inventor 20 個基礎範例

### 🟢 基礎入門

1. **點擊計數器**

   * 點按按鈕 → Label 數字 +1。
   * 重點：變數、Label 文字設定。

2. **顏色切換器**

   * 按按鈕 → 改變螢幕背景顏色。
   * 重點：屬性設定。

3. **隨機數字（骰子）**

   * 按按鈕 → Label 顯示 1\~6 的隨機數字。
   * 重點：Math 隨機整數。

4. **四則運算**

   * 輸入兩個數字 → 按按鈕 → 顯示加、減、乘、除。
   * 重點：數字運算、TextBox。

5. **文字翻轉**

   * 輸入文字 → 按按鈕 → Label 顯示倒序文字。
   * 重點：字串處理。

---

### 🟡 互動設計

6. **倒數計時器**

   * 按下開始 → 10 秒倒數，歸零後顯示提示。
   * 重點：Clock 計時器。

7. **圖片切換**

   * 按按鈕 → Image 元件切換不同圖片。
   * 重點：Image 屬性。

8. **猜數字遊戲**

   * App 產生 1\~100 → 使用者輸入 → 判斷大/小/答對。
   * 重點：if 判斷、隨機數。

9. **抽籤程式**

   * 預設清單（同學名單） → 隨機抽一人。
   * 重點：List、隨機索引。

10. **成績判斷**

* 輸入分數 → 判斷「及格/不及格」。
* 重點：if 判斷。

---

### 🟠 進階應用

11. **計算BMI**

* 輸入身高、體重 → 計算 BMI。
* 重點：數學公式。

12. **單位轉換**

* 輸入攝氏溫度 → 顯示華氏。
* 重點：公式轉換。

13. **九九乘法表**

* 按按鈕 → Label 顯示 9x9 乘法表。
* 重點：巢狀迴圈。

14. **記事本**

* TextBox 輸入文字 → 按存檔 → TinyDB 儲存 → 重開後讀取。
* 重點：資料永久保存。

15. **計步器（模擬版）**

* 使用 Clock 模擬計步 → Label 顯示累積步數。
* 重點：變數累加。

---

### 🔵 感測器與多媒體

16. **指南針**

* 使用 OrientationSensor → 顯示方向角度。
* 重點：感測器。

17. **搖一搖變色**

* 使用 AccelerometerSensor → 搖手機改變背景顏色。
* 重點：加速度感測器。

18. **播放音效**

* 按按鈕 → 播放 mp3。
* 重點：Player 元件。

19. **相機拍照**

* 按按鈕 → 開啟相機拍照 → 顯示在 Image。
* 重點：Camera、Image。

20. **Google 地圖定位**

* 使用 LocationSensor → 顯示當前座標在地圖上。
* 重點：地圖與定位。

---

✅ 建議學習路線：
1 → 5（變數與基礎操作）
6 → 10（互動設計）
11 → 15（數據與迴圈）
16 → 20（感測器與多媒體）

---

---
App Inventor 基礎範例 1～15 延伸版（每題 ×3）
1. 點擊計數器

a. 點擊 +1
b. 點擊 -1
c. 點擊後在 Label 顯示「目前次數：X」

2. 顏色切換器

a. 每次點擊依序切換顏色（紅→綠→藍）
b. 隨機顏色背景
c. 點擊按鈕，Label 顯示顏色名稱

3. 隨機數字（骰子）

a. 產生 16
b. 產生 1100
c. 產生兩個骰子數字，顯示總和

4. 四則運算

a. 加法計算機
b. 四則計算機（+ - × ÷）
c. 計算平均值（輸入三數字，取平均）

5. 文字翻轉

a. 倒序顯示文字
b. 把輸入文字轉大寫
c. 計算字數並顯示

6. 倒數計時器

a. 10 秒倒數
b. 可自訂秒數 → 開始倒數
c. 倒數結束 → 播放提示音

7. 圖片切換

a. 點擊 → 切換下一張
b. 按兩個按鈕：上一張、下一張
c. 隨機顯示一張圖片

8. 猜數字遊戲

a. 1~100 猜數字
b. 限制 5 次機會，失敗顯示「遊戲結束」
c. 提示「大一點 / 小一點」

9. 抽籤程式

a. 抽同學名字
b. 抽「今日午餐吃什麼」
c. 抽籤結果存到清單，避免重複

10. 成績判斷

a. 輸入分數 → 顯示及格/不及格
b. 依分數 → 顯示等級 A~E
c. 多科輸入 → 計算總平均 → 判斷成績等級

11. 計算 BMI

a. 輸入身高體重 → 顯示 BMI
b. 顯示 BMI + 判斷「過輕/正常/過重」
c. 紀錄 BMI 到 TinyDB，下次開啟還能看到

12. 單位轉換

a. 攝氏 ↔ 華氏
b. 公尺 ↔ 公分 ↔ 公里
c. 台幣 ↔ 美元（固定匯率）

13. 九九乘法表

a. 顯示完整 9×9 乘法表
b. 輸入一個數字 → 顯示該數字的乘法表
c. 小遊戲：隨機問乘法題，判斷答對/錯

14. 記事本

a. 輸入文字 → 存到 TinyDB → 顯示
b. 每次輸入都新增一行 → 類似「記事清單」
c. 新增「清空」按鈕 → 一鍵刪除所有記事

15. 計步器（模擬版）

a. 每按一次 → 步數 +1
b. 使用 Clock 模擬「每秒 +1 步」
c. 加入「重設」按鈕 → 歸零步數