AppInventor2動畫元件
AppInventor動畫元件範例(一)--照片塗鴉
寫一個程式能夠進行拍照，能在照片上塗鴉，畫筆可以選擇紅與藍兩色，決定畫筆的粗細，最後進行存檔。
（一）預覽執行結果
Step1)拍照
點選「拍照」，啟動拍照功能。
Step2) 按下快門，進行拍照。
Step3)拍照後，系統儲存圖片到檔案空間。
Step4)程式設定畫布1元件的背景為剛剛的拍得照片。
Step5)點選「紅色」將畫筆改成紅色，可以在照片上手寫作畫。
Step6)若要切換成藍色，就點選藍色，在畫出的筆畫就會變成藍色。
Step7)若要更改畫筆粗細，點選「選擇畫筆粗細」出現選單畫面，選擇「3」換成比較粗的筆。
Step8)接著畫筆就變粗了，寫出的字會比較粗。
Step9)最後點選「存檔」，檔案會儲存在系統中，顯示路徑在下方文字方塊。
（二）建立使用者介面
在Screen1，新增一個表格布局，在表格布局元件內加入四個按鈕、兩個標籤、一個文字方塊、一個清單選擇器，在Screen1新增一個照相機與一個畫布。
Screen1的畫面
（三）屬性設定
設定後，結果如下。
（四）建立程式拼塊與程式解說
在Screen1新增以下程式拼塊。
程式拼塊
AppInventor動畫元件範例(二)--敵機來襲
寫一個程式能發射飛彈，當敵機碰到飛彈就會消失。
（一）預覽執行結果
Step1)下方為我方飛機，點選飛機可以發射飛彈。。
Step2)若飛彈擊落敵機，敵機就會消失，下方顯示被擊落敵機次數，目前只有一個敵機，無法自動產生其他敵機，下一個單元介紹計時器(clock)元件，再改寫本單元為敵機被擊落後，自動產生新的敵機。
（二）建立使用者介面
在Screen1，新增一個畫布，在畫布上新增兩個圖片精靈與一個球形精靈，新增一個水平布局，在水平布局元件內加入一個標籤與一個文字方塊。
Screen1的畫面
（三）屬性設定
設定後，結果如下。
（四）建立程式拼塊與程式解說
在Screen1新增以下程式拼塊。
程式拼塊
