素材下載(在連結上按滑鼠右鍵，另存連結為...)：
貓咪照片
貓叫聲
進入 App Inventor 服務。
您會需要先擁有一個 gmail 信箱或者 google app 信箱。
因為目前沒有任何 Project 因此看起來沒有東西
按 New 新增一個 Project 取名叫 HelloKitty
即可進入一個 Project 畫面
最左側一欄為各式各樣的元件。第二欄為手機畫面。第三欄為所有元件的樹狀圖。第四欄為元件的屬性。
在左側元件欄當中將一個 Button 拉至手機欄。
這時會在手機欄當中看到一個按鈕，在元件樹狀圖會看到多了一個名叫 "Button1" 的 Button 元件。
Button1 這個名稱可以隨時用 rename 來修改為更有意義的名稱。為了簡化範例我們這裡暫不修改。
如下圖：
準備將圖片放入 Button1  選擇 Button1 並且最右欄 image 的地方增加 Kitty 圖片。 並且將 Text 欄位清空。因為我們這個按鈕已經不需要文字顯示了。  至此基本界面已經完成。 接下來我們必須設計這個按鈕的動作，它才會依照我們的想法進行動作。 這些動作都必須在 "Blocks Editor"當中進行。請點選右上角 "Open the Blocks Editor" 如果電腦的 java 設定沒有問題的話，就會跳出一個新視窗。  右上角有一個 Connect to Device 如果您的手機設定正確，並且電腦也已經安裝好手機驅動程式，就可以看到您的手機代號。進行連接。在您的手機畫面就會出現 Kitty 畫面。如下圖：
 畫面順利顯示出來之後，我們就要開始加入點選的動作了。在 Blocks Editor 左側欄選擇 My Blocks，就是我這一個應用程式所用到的所有元件。內有一個元件叫做 Button1 就是我們畫面中這個唯一的按鈕的名稱。點擊 Button1 就可以看到這個按鈕有許多個 block 可以使用。
我們希望在我們點擊這個按鈕的時候可以讓 Kitty 喵喵叫。因此我們使用 when Button1.Click do 這個 block
將  拖拉進入中間的編輯欄。如下：
然後我們需要為我們的畫面增加一個聲音元件。回到 Designer 畫面。左側 Palette 裡面有一個 Media 裡面有一個元件 Sound 將它拖拉至 中間手機畫面因為 Sound 是一個不可見元件，因此會出現在畫面最下方。它的名稱被定為 Sound1 。
然後更改 Sound1 的屬性。將 source 改到貓叫聲的 mp3 檔案。
| 
威望
金錢
貢獻
體力
窺視卡
雷達卡
鮮花(
雞蛋(
發表於 2012-11-28 19:57:14
收藏
分享
淘帖
頂
踩
分享
提升卡
置頂卡
沉默卡
喧囂卡
變色卡
千斤頂
顯身卡
窺視卡
雷達卡
[信息未更新]
發表於 2012-11-29 16:52:54
