Page 23 -

高英高級工商職業學校 APP 程式設計教學大綱

年級 三年級 學期 一 上課時數 四

單元名稱 六、照片塗鴉板(一)

一、教學大綱：
1.學習 App Inventor App 設計的基本操作。
2.設計一個照片塗鴉板的 App。
3.在圖面上以不同的顏色與粗細的條紋寫字或描繪線條。

二、課程內容

專案一：照片塗鴉板

本實習例主要是App Inventor App設計的基本操作訓練，讓初學者練習從設計到
輸出應用的過程。實習目標是設計一個照片塗鴉板的App，功能是在照片或圖片上，
藉由手指滑動手機觸控螢幕，在圖面上以不同的顏色與粗細的條紋寫字或描繪線條。

主要功能說明

畫筆顏色選擇：點選指定顏
色來進行畫筆顏色變換。

畫筆粗細選擇：點選增加或
減少來更變畫筆的粗細大
小。

塗鴉清除

開啟App Inventor網頁
使 用 Chrome 瀏 覽 器 ( 建 議 ) 前 往 以 下 網 址 http://appinventor.mit.edu/ ， 點 選

Invent。

19