【Android学习笔记】你的第一支PhoneGap应用程式

  • 2020-06-12
  • 318
【Android学习笔记】你的第一支PhoneGap应用程式

[image credit : laihiu]

PhoneGap 是一个跨平台行动开发解决方案,它把行动网页的介面包成像原生软体一样,在先前本站的 Richard 曾专文介绍过:请参阅:跨越行动网页与原生软体的隔阂 – PhoneGap,其中谈到的例子是以 iPhone 为範例,今天笔者参照官网的教学範例,简单的分享如何用 PhoneGap 在 Android 上开发一支 Hello Inside 程式。

【Android学习笔记】你的第一支PhoneGap应用程式

并建立一个专案本文以 [helloinside] 为名称,分别输入专案的属性为

Application name:helloinside

Package name:com.phonegap.helloinside

Create Activity:app

注:经笔者的测试,目前 PhoneGap 0.9.3 用 Android 2.3 以上版本会出错,所以 Build Target 请选 Android 2.2 以下的版本。

【Android学习笔记】你的第一支PhoneGap应用程式
【Android学习笔记】你的第一支PhoneGap应用程式

/libs
/assets/www

修改程式码

在 Eclipse 里展开专案,并点开 [src] –> [com.phonegap.helloinside] –> [app.java] 并执行以下步骤:

【Android学习笔记】你的第一支PhoneGap应用程式

照理说现在程式码里会出现一堆错误讯息,别担心,这是因为程式没有抓到你刚複製进去的 phonegap.jar,右键点专案名称,并 refresh 后

错误讯息就会消失了!

【Android学习笔记】你的第一支PhoneGap应用程式
【Android学习笔记】你的第一支PhoneGap应用程式

存档后,一个 phonegap 的开发环境就算完成了。

建立你的第一个 Phonegap 程式:Hello Inside
【Android学习笔记】你的第一支PhoneGap应用程式
大功告成

完成了?对,就是这幺简单!

【Android学习笔记】你的第一支PhoneGap应用程式
如果你曾经设计过网页,你可以把 assets/www 想成是你电脑里的网页根目录,你想要做的内容就可以用网页的方式搭配 Phonegap,变成一个很像原生程式的 Android App,还可以上架 Android Market。这是不是很酷呢?

reference

原文教学影片

上一篇: 下一篇: