10分鐘製作您的第一個手機APP

hsw

先期準備動作請參考: 環境建置

1. 首先開啟 http://beta.appinventor.mit.edu 網頁備用(請使用Google Chrome瀏覽器開啟), 如下畫面:

2. 打開[More Actions]-->點選[Upload Source]。
3. 出現選擇檔案的視窗後, 點擊[選擇檔案], 請載入第四步驟所下載的 Love.zip。
4. 下載範例程式: Love.zip (36.97 KB, 下載次數: 1106)

2012-11-25 16:26 上傳

點擊文件名下載附件

。    程式碼下載:
   

5. 可以看到 AppInventor 網頁將建立剛剛上傳的檔案成為新專案, 如下圖:

6. 點擊右上角[Open the Blocks Editor] 以開啟方塊編輯器,
   (此步驟會下載一個 AppInventorForAndroidCodeblocks.jnlp 的檔案, 下載完請直接點擊它)。
7. 開啟 Blocks Editor 視窗如下圖:

8. 點擊 Blocks Editor 視窗右上角的[New emulator]後, 出現手機模擬視窗如下圖:

9. 當手機模擬視窗執行穩定後(大概需要兩三分鐘), 再點擊 Blocks Editor 視窗右上角的[Connect to Device...],
    選擇[emulator:5554]如下圖:

10. 手機模擬視窗將載入您的專案 Love.zip 的畫面, 如下圖:

   

結束。

恭喜您, 您已經成功製作完成您的第一個手機APP專案!!{:soso_e142:}

本手機APP範例 [Love] 專案, 是在手機上產生一個按鈕, 輕觸按鈕後將顯示一段文字及一張圖,
利用 AppInventor 網頁裡的元件增減, 將可輕易的達到您要的加按鈕及加圖的功能並可編輯元件屬性,
再利用 Blocks Editor 視窗編撰程式, 以達到每個元件的出現時機!!
希望會員能多加學習, 並歡迎提供您自己製作的手機APP範例讓大家一起成長, 謝謝!!...{:soso_e181:}

下載本範例的手機APK(安裝)檔: Love.apk (1.29 MB, 下載次數: 2210)

2014-1-10 22:34 上傳

點擊文件名下載附件
Love-手機安裝檔

巧鈴

在慢慢的研習

hsw

迷你蟹 發表於 2012-11-25 18:44
在慢慢的研習

這需要在桌上型電腦或筆記型電腦上才方便學習...

安安

{:soso__13431548843863663908_4:}
偶還素不要玩手機好惹

hsw

安安 發表於 2012-11-25 18:18
老大教的每一步驟也真滴很清楚...

偶可以把手機快遞給泥嗎...

可ㄚ...快送過來ㄅ...

hsw

安安 發表於 2012-11-25 23:06
然後呢?
泥肥不肥不還偶滴...

當然...

小野貓

安安 發表於 2012-11-25 23:10
偶才不肥上當惹...

你也可以寄給我....我當然.....會......謝謝你ㄚ~

巧鈴

hsw 發表於 2012-11-25 21:35
這需要在桌上型電腦或筆記型電腦上才方便學習...

偶手機下載appinventor應用程式軟體後
不能學習嗎？？？？？？？

hsw

迷你蟹 發表於 2012-11-26 11:26
偶手機下載appinventor應用程式軟體後
不能學習嗎？？？？？？？

AppInventor只適合在PC端開發使用...