文中有些地方摘自微博名為老巫婆的好心老師的翻譯教程《App

Inventor編程實例及指南》。博文地址：http://blog.sina.com.cn/s/articlelist_1646365593_0_1.html

感謝前輩為我們都做的探索工作，讓我的App

Inventor學習之旅得以順利進行！?

Step3:添加貓叫聲(喵嗚~)

圖1-添加Sound組件

從Media(多媒體)組件面板中將Sound組件拖入至屏幕，如上圖所示，不管你拖至哪里，它始終會落在屏幕的下方(非可視區)，非可視組件在應用中發揮特定作用，但不會顯示在用戶界面中(也就是在手機屏幕上是看不到的)。

接下來設置Sound1的Source屬性為meow.mp3，Source屬性為meow.mp3，同貓咪圖片一樣，需要從電腦中加載聲音文件meow.mp3。加載完成后，Media列表中將出現kitty.png與meow.mp3兩個文件。如下圖所示：

圖2-Media列表

Step4：添加組件行為

到現在為止，我們才剛剛完成準備工作，接下來，我們要設置組件的行為，也就是當我們觸摸屏幕的時候，喵星人會發出萌萌的聲音。現在使用塊編輯器來實現點擊Button產生貓叫聲的功能。單擊設計器右上角的“Blocks”按鈕切換到塊編輯器。在塊編輯器窗口中，可以為組件設定行為：做什么以及何時做。此處是讓小貓按鈕在用戶點擊它時播放聲音。如果把組件比作菜譜中的原料，那么塊(Blocks)則相當于烹飪過程說明。

圖3-塊編輯器

?

在塊編輯器窗口的左側，“Blocks”標題下面，可以看到許多分屬不同類別的按鈕，其中包括了我們在設計器中創建的所有組件：Screen1、Button1、Label1以及Sound1，點擊它們就像打開抽屜，將看到一組適用于該組件的可選程序塊(Blocks)。點擊Button1打開抽屜，顯示了與Button有關的程序塊，可以用它們來設置Button的行為，最上面的Block就是Button1.Click，如下圖所示：

圖4-Button組件的相關行為(類似于Java里的方法)

?

單擊標有Button1.Click的塊并將其拖到工作區。注意，Button1.Click這個塊上包含了when。凡是包含when的塊都被稱為事件處理程序，用來定義當組件上發生了某種特定事件時，應用該做什么。在本例中，當用戶點擊貓咪(其實是按鈕)時發生了有趣的事情，如下圖所示。下面我們將在程序中添加一些塊，來響應發生的事件。

圖5-定義“Button.Click”塊來響應用戶的點擊事件

? 在塊編輯器中點擊Sound1打開抽屜，拖出“call

Sound1.Play”塊(之前將Sound1的Source屬性設置為meow.pm3)。注意，塊“call

Sound1.Play”的形狀恰好可以嵌入Button1.Click塊中標有“do”的缺口。App

Inventor的這種設置，確保只有特定的塊可以組合在一起，這樣確保了連在一起的塊可以協同工作。標有call的塊用來定義組件的行為。在本例中，這兩個塊結合在一起，構成一個單元，如圖1-9，兩個塊連接到一起時，你會聽到“啪”的一聲。

圖6-當按鈕按下播放聲音

上面的程序塊的意思：當按鈕(貓咪)被按下，播放貓叫的聲音，有沒有覺得編程很巧妙呢？到這里，小伙伴們感激測試一下你的app吧！逗逗它吧！“喵嗚~喵嗚~”至此，一個簡單的“HelloKitty”就做好啦！趕緊將app發送給你的朋友分享一下你的喜悅啦！什么？What?還不會打包？好吧，且往下看~

Step5：?打包成app

圖7-打包成app

?在Build中選擇第二個選項，暫時不管第一個選項，生成apk文件，然后將其發送給你的誰誰誰(想給誰就給誰吧！)接下來就是安裝，運行，一個萌萌的喵星人app就這樣誕生了！

?

Step6：添加震動效果(提升逼格的節奏)

??進入塊(Blocks)編輯器，單擊Sound1打開抽屜；?

圖8-Sound1抽屜中的程序塊

選擇call Sound1.Vibrate塊，將其拖動到when Button1.Click 塊內，置于call

Sound1.Play塊下，恰好與原來的塊吻合；如果不吻合，可嘗試拖動它，使call

Sound1.Vibrate塊頂部的凹陷恰好與call Sound1.Play塊底部的凸起相對。

圖9-單擊事件引起震動

接下來在millisecs(毫秒)的缺口處插入一個數字塊，如果想讓手機振動半秒鐘，則輸入一個“500”的數字塊。??打開Math(數學)抽屜，其中的第一個塊是“0”，這就是數字塊，下圖所示。

圖10-Math抽屜

將第一個藍色塊拖入工作區，并將其中的0改為“500”，按回車鍵結束，并將其插入至millisecs之后

圖11-程序塊組圖

測試下你的喵喵，看看伴隨著聲音是不是還有震動呀？

Step7：搖一搖(帥到沒朋友的節奏)?

現在來添加最后一項，在Android設備上實現一個很酷的功能：搖晃設備時發出貓叫聲。為此要用到AccelerometerSensor(加速度傳感器)組件，它可以檢測到設備的搖晃或移動。?

在設計器中，展開組件面板中的傳感器(Sensors)分類，拖出一個AccelerometerSensor(加速度傳感器)組件。不必介意把它放到哪里，像任何非可視化組件一樣，無論你把它放在預覽窗口的什么地方，它都會落到預覽窗口底部的“?非可視組件”區域。

圖12-添加加速傳感器

搖晃設備的事件需要與單擊按鈕事件分開處理。這意味著需要一個新的事件處理程序。進入塊編輯器，打開AccelerometerSensor1抽屜，拖出AccelerometerSensor1.Shaking塊。

圖13-添加加速傳感器的振動事件

將Sound1.Play塊插入AccelerometerSensor1.Shaking插槽，如下圖所示(當加速傳感器振動時，調用sound組件的播放聲音功能，簡單來講就是當手機搖晃時，播放貓叫的聲音)，搖一搖你的手機，感受一下~

圖14-當傳感器振動的時候，播放貓叫的聲音

HelloKitty應用中所有的應用塊：

圖15-HelloKitty中的所有應用塊

上面的應用塊顯示了整個程序的邏輯：屏幕被按下和手機被搖晃是兩個獨立的動作，當兩個事件發生的時候會引發一些動作(播放聲音，震動)；當按鈕被按下時會同時調用兩個動作(播放貓叫聲和屏幕震動)，當手機被搖晃時調用的是貓叫聲。

至此，一個完整的HelloKitty就成型啦！呼呼~教程寫到手酸，?今天的課就到這吧，下次繼續！歡迎大家關注我的微信公眾號“云端微課”可以定期觀看視頻教程，并獲得相關資源。

?

?

?

?

?

?

?

總結

以上是生活随笔為你收集整理的appinventor飞机大战案例_第一个AppInventor 开发案例 Hello Kitty（下）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。