谷歌精品課程AppInventor

零基礎Android移動應用開發浙江大學城市學院吳明暉教授mhwu@小機器人安安誕生記本章目標逐步熟悉AppInventor開發過程了解如何通過AppInventor組件來設計自己的App熟悉圖像、音效等多媒體組件和標簽、按鈕、加速度傳感器等組件的基本屬性和布局學會使用塊編輯器來定義組件行為通過模擬器測試開發的App了解AppInventor開發體系結構小機器安安誕生記-案例展示谷歌精品課程AppInventor

零基礎Android移動應用開發展示與分析(a)開始界面(b)點擊按鈕后(c)點擊OK后展示與分析(a)開始界面(b)點擊按鈕后(c)點擊OK后小機器安安誕生記–組件設計谷歌精品課程AppInventor

零基礎Android移動應用開發安安誕生記組件設計材料準備圖片：3張圖像文件，分別是孵化基地的背景圖、小機器人安安誕生后的圖片、應用圖標對應的圖片

聲音：1個聲音文件，安安出生時禮貌的打招呼聲音

常用圖像文件格式有jpg,png等常用音頻文件格式有amr,wav,mp3等安安誕生記組件設計–

最終效果涉及的組件列表注意命名規則嘗試更改組件參數組件用途命名屏幕用于做應用背景，和放置所需控件。Screen1按鈕用于響應點擊，顯示安安誕生。按鈕_點我試試圖像用于顯示生產安安和安安圖片。圖像_顯示音效用于顯示聲音和產生振動。音效_安安加速度傳感器用于檢測是否搖晃手機。加速度傳感器_晃動手機對話框用于彈出提醒框。對話框_提示設置屏幕(Screen)組件屬性屏幕組件在新建項目時自動被創建可以在屏幕上方增加和刪除屏幕添加圖像（Image）組件圖像組件為可視控件，將出現在Screen中一個組件的對齊方式是由它的父容器所決定的。所謂父容器就是它所被安放進的組件。本例中Screen1就是該圖像組件的父容器。

控件重命名控件命名應該“見名知意”

設置圖像組件屬性添加音效（Sound）組件音效組件為非可視控件，將出現在Screen下方；但拖放時需要放入Screen內，否則無效最小間隔：最小時間間隔源文件：播放的聲音源文件音效組件可以導入聲音，在需要反饋的時候，發聲或者震動音效組件只能播放短暫聲音，一般用于音效；如果要播放長時間音樂，用Player控件設置按鈕（Button）組件屬性設置加速度傳感器（AccelerometerSensor）組件屬性AccelerometerSensor組件是加速度傳感器，從三維響應晃動和測試加速度。加速度的單位為m/s2可以用于檢測手機晃動等事件設置對話框（Notifier）組件屬性對話框組件用于彈出提示對話框安安誕生記組件設計–

最終效果小機器安安誕生記–邏輯設計谷歌精品課程AppInventor

零基礎Android移動應用開發編輯App的行為點擊“邏輯設計”進入App的行為編輯安安誕生的流程編輯點擊按鈕的行為選取“被點擊”模塊拖入工作區完成的按鈕被點擊行為所有語句都是拖放拼接而成！搖晃手機還原初始狀態防止晃動事件誤處理1、把加速度傳感器組件的“啟用”屬性改為不勾選

2、按鈕組件的“被點擊”事件處理器中設置加速度傳感器組件的“啟用”屬性為ture

3、在加速度傳感器的“被晃動”事件處理器中設置加速度傳感器組件的“啟用”屬性為false

按回退鍵的行為小機器安安誕生記–調試和運行谷歌精品課程AppInventor

零基礎Android移動應用開發調試和運行由于這里用到了加速度傳感器，所以在模擬器中運行時某些功能不能使用在模擬器中也不支持關閉應用的操作三種連接方式模擬器WIFI連接USB連接打包apk安裝到手機二種安裝方式掃描二維碼手機直接下載把apk下載到本地計算機AppInventor應用開發體系結構谷歌精品課程AppInventor

零基礎Android移動應用開發AppInventor應用的體系結構30AppInventor應用要素組件可視組件：當App運行后能看見的組件，如按鈕,文本框和標簽等，這些常用于設計App的界面

非可視組件：不出現在App界面中的組件，提供訪問設備的內建功能,如短信收發器組件一般都有屬性和行為，通過設置每個組件的屬性值和對事件響應的行為，組合形成獨特的App應用提供訪問設備的內建功能變量運行過程中值可以改變的元素通過變量可以參與運算并存儲運算結果運行過程中值不會變的元素叫常量，如AppInventor應用要素行為App可以看作是系列事件處理機的集合，通過對事件的響應和處理來反映App的行為提供訪問設備的內建功能事件用戶觸發的事件，如劃屏、按下按鈕等其他系統定義的事件，如App啟動、時鐘、動畫精靈碰撞、來電、位置改變等響應事件發生時，App會調用一系列過程來響應

小機器安安誕生記–作業和思考題谷歌精品課程AppInventor

零基礎Android移動應用開發作業和思考題34動手實踐“安安誕生”App的開發和調試運行過程給“安安誕生”換一個圖標思考一下，能給“安安誕生”加一些新的功能么？自學Media