請選擇 進入手機版 | 繼續訪問電腦版

月老社區

 找回密碼
 立即註冊

Login

登錄

Login

登錄

Login

登錄

[實作範例] Hello Kitty

查看: 6593|回復: 1

[實作範例] Hello Kitty

[複製鏈接]
     紫鑽僅向指定用戶開放  
分享視頻:412 部
已累計簽到2684次

升級  100%

詛咒TA
  • 禮物信息
    贈送禮物:293 份
    獲贈禮物:385 份
  • 1815

    主題

    3萬

    帖子

    214748萬

    積分

    管理員

    笑話專家主頁高手榮譽管理優秀版主無敵神偷肥羊達人黑道教父最佳人緣多情種子最佳肥羊天蓬元帥幸運之星杯具之星詛咒天王最佳新人閒聊高手扯淡半仙論壇元老灌水大仙股市大亨遊戲天才發帖新手進取發帖忠實發帖熱心發帖活躍發帖發帖貢獻發帖嘉許發帖高手資深發帖發帖達人發帖神手推廣達人簽到楷模

    QQ
    鮮花(800) 雞蛋(163)

    使用QR碼訪問本帖
    發表於 2012-11-28 19:57:14 | 顯示全部樓層 |閱讀模式
    +1
    6594°C
    1
    • hsw
    过: 他们

    馬上註冊,結交更多好友,享用更多功能,讓你輕鬆玩轉社區。

    您需要 登錄 才可以下載或查看,沒有帳號?立即註冊

    x
    素材下載(在連結上按滑鼠右鍵,另存連結為...):
    貓咪照片
    貓叫聲

    進入 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 檔案。



    安置妥當這個 Sound1 元件之後。我們再度回到 Blocks Editor
    我們會看到 My Blocks 裡已經多出了一個 Sound1 的元件,就是我們要使用的聲音檔。
    點到 Sound1 我們也能看到 Sound 元件也擁有多種 Block 可供使用。



    這裡我們需要用的是 Sound1.Play 也就是播放聲音檔。
    將這個 Sound1.Play block 拉到 Button1.Click 裡面並且粘上,如下圖。



    這樣就大功告成了!請點擊手機上 Kitty 的圖片。您就會聽到貓叫聲。

    我們的確可以在不寫任何程式碼的情況下,完成一個 Android 程式。

    最後,我們把這個程式碼真正安裝到手機當中。這樣我們就可以在不需要連上電腦的情況下在手機上使用這個應用程式了。
    回到 Designer 畫面,右上角有一個 Package for Phone, 選擇 Download to Connected Phone

    應用程式就會安裝在您的手機上。您可以在應用程式當中找到 HelloKitty 執行即可。




    英文版操作影片。若您對文字敘述看得還是不太了解。看過影片應該可以更有感覺。


    英文版教學文件下載: Hello Kitty
    [發帖際遇]:一個袋子砸在了 hsw 頭上,hsw 賺了 9 枚 金錢.

    鮮花雞蛋

    小野貓  在2012-11-28 21:03  送朵鮮花  並說:很詳盡的解說,送朵鮮花鼓勵一下
         紫鑽僅向指定用戶開放  
    分享視頻:412 部

    升級  100%

    詛咒TA
  • 禮物信息
    贈送禮物:293 份
    獲贈禮物:385 份
  • 1815

    主題

    3萬

    帖子

    214748萬

    積分

    管理員

    笑話專家主頁高手榮譽管理優秀版主無敵神偷肥羊達人黑道教父最佳人緣多情種子最佳肥羊天蓬元帥幸運之星杯具之星詛咒天王最佳新人閒聊高手扯淡半仙論壇元老灌水大仙股市大亨遊戲天才發帖新手進取發帖忠實發帖熱心發帖活躍發帖發帖貢獻發帖嘉許發帖高手資深發帖發帖達人發帖神手推廣達人簽到楷模

    QQ
    鮮花(800) 雞蛋(163)
    發表於 2012-11-29 17:02:20 | 顯示全部樓層
    土匪 發表於 2012-11-29 16:52
    學問不好有沒有中文介面

    目前都還不需改動程式ㄝ...
     懶得打字嗎?請點擊右側快捷回覆 :   
    您需要登錄後才可以回帖 登錄 | 立即註冊

    本版積分規則

    QQ|手機版|黑屋|月老社區

    GMT+8, 2024-6-12 23:30

    Powered by hsw00.com

    © 2000-3000 月老社區

    快速回復 返回頂部 返回列表