第一章 App Inventor簡介

1-1建構App Inventor開發環境

1-1-1申請Google帳戶

1-1-2手機安裝MIT AI2 Companion App

1-1-3進入App Inventor 2開發網頁

1-1-4設定中文操作環境

1-2App Inventor架構與環境介紹

1-2-1新增專案

1-2-2「畫面編排」介面

1-2-3「程式設計」介面

1-3認識App Inventor模塊

1-3-1模塊類型

1-3-2模塊色彩與涵義

1-3-3模塊拼接技巧

1-4專案管理與維護

1-4-1檢視我的專案

1-4-2匯入專案

1-4-3專案另存新名稱

1-4-4刪除專案

1-4-5導出專案

1-4-6打包apk安裝檔

1-4-7打包成Android App Bundle(.aab)

1-5測試專案

1-6建立與測試我的第一個App專案-外國人學中文

1-6-1建立新專案

1-6-2變更螢幕標題

1-6-3由「畫面編排介面」編排組件

1-6-4由「程式設計介面」拼接模塊

1-6-5以AI伴侶進行實機測試

1-7製作螢幕圖示與退出APP程式

1-7-1製作與上傳螢幕圖示

1-7-2按下按鈕離開App程式

1-7-3打包apk並顯示二維條碼



第二章 用戶介面與介面布局

2-1設置常用組件

2-1-1標籤設定

2-1-2按鈕設定

2-1-3文字輸入盒設定

2-1-4密碼輸入盒設定

2-1-5圖像設定

2-1-6滑桿設定

2-1-7組件列表管理

2-2專案螢幕(Screen)

2-2-1新增與刪除螢幕

2-2-2變更螢幕標題

2-2-3螢幕屬性

2-2-4變更螢幕底色圖案

2-3介面配置

2-3-1水平配置�垂直配置

2-3-2表格配置

2-3-3垂直�水平捲動配置

2-3-4靈活運用介面配置-巢狀布局

2-4範例-念中文給你聽

2-4-1學習重點

2-4-2新建專案名稱

2-4-3畫面編排與組件列表

2-4-4組件屬性設定

2-4-5程式設定

2-5範例-動態按鈕與聲效設定

2-5-1學習重點

2-5-2編排組件

2-5-3匯入相關素材

2-5-4組件屬性設定

2-5-5按鈕程式設計

2-6範例-設置多螢幕

2-6-1學習重點

2-6-2新增螢幕

2-6-3畫面編排與屬性設定

2-6-4螢幕切換設定

2-7範例-相簿瀏覽

2-7-1畫面編排與屬性設定

2-7-2按鈕程式設計



第三章 程式基礎運算

3-1軟體開發基本觀念

3-1-1建立物件導向概念

3-1-2培養運算思維

3-1-3程式流程圖繪製

3-2基礎運算原則

3-2-1常數

3-2-2變數

3-2-3字串運算

3-2-4算術運算

3-2-5比較運算

3-2-6邏輯運算

3-3範例-個人資料填寫

3-3-1學習重點

3-3-2畫面編排與組件清單

3-3-3組件屬性設定

3-3-4日期選擇器設定

3-3-5文字合併顯示在標籤中

3-3-6按下按鈕合併顯示個資

3-4範例-身體質量指數BMI計算

3-4-1學習重點

3-4-2畫面編排與屬性設定

3-4-3觸發「開始計算」按鈕

3-4-4觸發「清除重算」按鈕

3-5範例-簡易數學運算

3-5-1學習重點

3-5-2畫面編排與屬性設定

3-5-3設定0-9按鈕程式

3-5-4觸發「清除重算」按鈕

3-5-5變數建立與宣告

3-5-6加�減鈕設定

3-5-7按「=」鈕顯示運算結果



第四章 流程控制與清單應用

4-1決策流程控制

4-1-1單向判斷式

4-1-2雙向判斷式

4-1-3多向判斷式

4-2迴圈流程控制

4-2-1For迴圈

4-2-2While迴圈

4-3清單

4-3-1建立清單

4-3-2清單選擇器組件

4-3-3清單顯示器組件

4-4對話框組件

4-4-1對話框的事件與方法

4-4-2顯示警告訊息

4-4-3顯示訊息對話框

4-4-4互動式對話訊息

4-5範例-基本資料單選

4-5-1畫面編排與組件列表

4-5-2組件命名與屬性設定

4-5-3單選鈕程式設定

4-5-4顯示結果鈕設定

4-6範例-基本資料複選

4-6-1組件列表與屬性設定

4-6-2程式模塊設定

4-7範例-選課系統

4-7-1畫面編排與組件列表

4-7-2組件命名與屬性設定

4-7-3設置變數與清單內容

4-7-4事件的觸發

4-7-5刪除鈕設定

4-8範例-相片瀏覽器

4-8-1素材匯入

4-8-2畫面編排與組件屬性設定

4-8-3清單的宣告與建立

4-8-4設定往前與往後按鈕



第五章 多媒體影音應用

5-1聲音相關組件

5-1-1音樂播放器

5-1-2音效

5-1-3錄音機

5-1-4語音識別

5-2照相相關組件

5-2-1照相機

5-2-2圖像選擇框

5-3影片相關組件

5-3-1錄影機

5-3-2影片播放器

5-4範例-歌曲點播器

5-4-1組件列表與屬性設定

5-4-2「播放」與「停止」鈕程式設定

5-4-3「暫停�繼續」鈕程式設定

5-5範例-小小音樂家

5-5-1前置作業

5-5-2組件列表與屬性設定

5-5-3琴鍵程式設定

5-6範例-錄放影面板

5-6-1組件列表與屬性設定

5-6-2定義程序

5-6-3螢幕初始化

5-6-4錄影功能設定

5-6-5播放功能設定

5-7範例-色彩調配器

5-7-1組件列表與屬性設定

5-7-2設定背景色的選取

5-7-3以紅�綠�藍滑桿進行選色



第六章 繪圖動畫應用

6-1畫布組件

6-2球形精靈

6-3圖像精靈

6-4範例-滾球大小控制

6-4-1組件列表與屬性設定

6-4-2設定滑桿位置的改變

6-4-3球形精靈到達邊界進行反彈

6-4-4滑過球形精靈指定方向

6-5範例-點線塗鴉

6-5-1組件列表與屬性設定

6-5-2設定畫布清除

6-5-3設定畫布被碰觸時畫圓

6-5-4設定畫布被拖曳時畫出線條

6-5-5設定紅�藍�綠色筆

6-5-6畫筆粗細控制

6-6範例-為自拍相片塗鴉

6-6-1組件列表與屬性設定

6-6-2設定畫布被拖曳時畫出線條

6-6-3設定相機進行拍照

6-6-4設定畫筆顏色

6-6-5以搖晃手機清除畫布

6-7範例-以連續圖做動畫

6-7-1元件清單與屬性設定

6-7-2程式設定

6-8範例-貓捉老鼠遊戲

6-8-1組件列表與屬性設定

6-8-2定義與執行「老鼠移動」程序

6-8-3設定「貓」組件的移動與碰撞

6-8-4設定「重設」鈕



第七章 網路資源整合運用

7-1網路瀏覽器

7-2Activity啟動器

7-2-1使用Activity啟動器

7-2-2 Activity屬性說明

7-2-3以Activity啟動器開啟網頁瀏覽器

7-2-4設定電子郵件超連結

7-2-5設定YouTube影片超連結

7-2-6啟用Google地圖

7-2-7地圖導航

7-2-8以Activity啟動器開啟網路搜尋

7-3位置感測器

7-4範例-使用捲動配置瀏覽官方網頁

7-4-1組件列表與屬性設定

7-4-2網路瀏覽器開啟官網

7-5範例-輸入網址瀏覽網頁

7-5-1版面編排與屬性設定

7-5-2網址輸入框設定

7-5-3瀏覽按鈕設定

7-6範例- Google Maps地標搜尋

7-6-1組件列表與屬性設定

7-6-2搜尋按鈕程式設定

7-7範例-導航至指定地點-高雄義大世界

7-7-1組件列表與屬性設定

7-7-2以位置感應器偵測位置

7-7-3設定導航鈕啟動導航功能

7-8範例-活動宣傳-Google地圖�YouTube影片�Mail連結

7-8-1組件列表與屬性設定

7-8-2地點連結設定

7-8-3連結至YouTube宣傳影片

7-8-4連結至電子郵件信箱



第八章 社交應用-電話�簡訊�聯絡人

8-1電話撥號器

8-2聯絡人選擇器&撥號清單選擇器

8-3電子郵件選擇器

8-4簡訊

8-5分享

8-6範例-撥打電話&發送訊息

8-6-1組件列表與屬性設定

8-6-2設定撥打電話

8-6-3設定傳送簡訊

8-7範例-由手機選取聯絡人並發送訊息

8-7-1組件列表與屬性設定

8-7-2設定由聯絡人選取姓名�電話

8-7-3設定發送簡訊

8-8範例-分享相片與心情故事

8-8-1組件列表與屬性設定

8-8-2設定圖片選取

8-8-3設定文字加入相片中

8-8-4設定文字顏色的選取

8-8-5以「重設文字」清除畫布

8-8-6設定分享給朋友



第九章 上架到Google Play

9-1申請註冊Google Play開發者

9-2準備打包應用程式

9-2-1退出App程式鈕

9-2-2螢幕畫面切換

9-2-3螢幕屬性設定

9-2-4測試與打包程式

9-3準備描述文字與說明圖片

9-4上傳應用程式要領

9-4-1新建應用程式

9-4-2「資訊主頁」介紹

9-4-3設定商店資訊

9-4-4上傳應用程式套件



附錄A：以免費影像處理軟體GIMP編修圖片

A-1使用「Google圖片」搜尋插圖

A-2為插圖做去背景處理

A-3裁切相片成為螢幕背景圖



?