20岁印度工程师谈HTML5、CSS3开发Android和iOS应用

移动开发 iOS Android
原作者是一个20岁的印度工程师,为我们讲述如何用HTML5、CSS3、JavaScript这些前端语言开发Android和iOS移动Web应用的工具。本文参考了其他资料,对原文做了增加和修改使之更适合中国国情。

现在人人都想成为Android/iOS应用开发工程师。其实,Android/iOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以,今天大家将会认识到一些利用前端语言来开发Android/iOS应用的工具。 

在文章的末尾,也介绍了使用Java、C#、Lua以及AS3来开发Android应用的工具。 

希望大家都能找到适合自己的开发工具!祝大家开发Android/iOS应用一切顺利! 

PhoneGap 

[[57232]]

PhoneGap是一个开源项目,并且是跨平台的。有了它,JavaScript工程师能够轻松地利用网页技术(HTML/CSS/JavaScript)来开发手机应用(包括Android和苹果的)。PhoneGap号称是“唯一开源的手机框架,并且支持7个平台”! 它支持的平台有Android, iOS, Windows Phone 7, webOS, Symbian, 和bada。甚至连Adobe Dreamweaver 5.5 都支持PhoneGap啦(Adobe已经收购PhoneGap研发厂商Nitobi)! 

Sencha Touch 

[[57233]]

Sencha Touch 是免费的JavaScript手机框架,该框架是世界上第一个基于HTML5的Mobile App框架。它能在Android、iOS和BlackBerry(黑莓)的平台上运作。

官方公布的优点为:

1、基于最新的WEB标注,比如HTML5/CSS3等。整个库压缩并gzip后只有80KB,禁用一些组件后能使它更小。

2、支持触屏事件。在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。

3、数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。

那么Sencha Touch和PhoneGap有什么区别麽?如何选择他俩呢?

你可以选择Sencha Touch去创建智能手机的用户界面,用PhoneGap去访问一些诸如GPS、相机、加速器等平台的应用。

jQuery Mobile

[[57234]]

开发语言: HTML5, CSS3, JavaScript, jQuery

jQuery Mobile 是一个网页用户界面的手机开发工具。你能用它来制作基本的布局、导航灯。并且它强依赖于jQuery。所以,熟悉jQuery的同志们学起它来易如反掌啦~ 它也是多平台支持的:Android, iOS, BlackBerry, BADA, Windows Phone 7, webOS, Symbian, MeeGo. 

RHOMobile 

[[57235]]

RHOMobile 支持全部的智能机!!因为它参照Rails的框架,所以它是最适合Ruby开发者的。RHOMobile基于MVC架构(Model View Controller)。它目前支持为iPhone、BlackBerry、Windows、Symbian和Android平台创建应用,并且支持最新的Android 4.0和iOS 5。Rhomobile基本上把网络和桌面程序开发领域的“一次编译,到处运行”的目标带到了移动开发领域。

另外,利用RhoHub工具可以在线开发和编译手机应用。地址:https://app.rhohub.com/ 

Titanium Mobile 

[[57236]]

Titanium Mobile 是另一个由Appcelerator支持的开发平台项目。也是“一次编写,到处运行”的。有超过300多个API。支持HTML5和CSS3。据说开发者用JavaScript开发Android/iOS应用时,能像用Objective-C 开发iPhone and iPad应用或者用Java 开发Android应用一样自如。

其他语言及其工具:

Adobe AIR

http://www.adobe.com/products/air/features._sl_id-contentfilter_sl_featuredisplaytypes_sl_new.html 

AIR是针对网络与桌面应用的结合所开发出来的技术,可以不必经由浏览器而对网络上的云端程式做控制。支持平台:AndroidAndroid, 黑莓BlackBerry, 苹果iOS ,  个人电脑和电视机。

Adobe Flex

使用Flex开发应用,程序员们不用关心动画方面的开发,完全可以脱离美工,纯粹依靠技术来构建软件系统。开发者也不用学习FLASH,就可以直接进行FLASH RIA的编程。支持平台:iOS,Android,黑莓,Tablet系统,传统浏览器应用。它使服务器整合了PHP,Java,Ruby,.NET和SAP终端。

Corona

 [[57237]]

 Corona SDK 是一个给力的创建复杂游戏的工具!看看官网上那些诱人的游戏吧!反正我是爱死它了!运用Corona,只需简单几行代码,就能低成本地创建一些让人耳目一新的游戏!它拥有Libaray,里面提供了游戏的物理引擎代码。支持平台有iOS、Android、Kindle fire、nook。并且提供超过500的API接口。不过,每年199刀,也不便宜。

Unity3d 

[[57238]]

Unity3d 是一个游戏引擎,使用它能创建一些3D游戏。它是目前针对智能机和游戏驱动,最好游戏开发工具。支持平台:Android, iOS, Web OS, PS3, Xbox 360, Wii devices.。

Flixel 

[[57239]]

                 https://github.com/AdamAtomic/flixel/   (Github上的代码)

                 http://games.flixel.org/   (用Flixel创建的游戏,翻墙使用)

  • 优点:免费  

Flixel是一个开源的游戏制作库(其实,译者更喜欢使用libaray这个词,而不是库)。它完全利用Action Script 3.0 编写。并能免费创建个人或者商业的应用。AdamAtomic,是它的游戏引擎,结合Action Script 3.0,就能创建flash游戏了。从Github上可以下载代码。

Java Programming

[[57240]]

 最官方、正规的Android编程语言/工具。Java是一种开发Android应用最常用,首选的语言。Android SDK包含了运行应用的模拟器。Eclipse IDE和ADT(Android Develelopment Tools)可以让用户界面的设计和应用的图形描绘更容易。它同时减少了开发和测试的事件。如果你是Java新手,我建议你可以先看看入门级参考书《Head First Java, 2nd Edition》。

百度地图API移动版(for android)就是利用这个语言/工具进行开发的。

http://dev.baidu.com/wiki/imap/index.php?title=Android%E5%B9%B3%E5%8F%B0 

Mono (此为译者加上)

 [[57241]]

  • 开发语言: .NET, C# 
  • 开发工具: Visual Studio, MonoDevelop, the Mono Framework 
  • 有效链接: http://xamarin.com/monoforandroid 
  • 优势: 开源、跨平台 

Mono是一个开源软件。它包含了一个C#语言的编译器,一个CLR的运行时,和一组类库,并实现了 ADO NET和ASP NET。能够使得开发人员在Linux用C#开发程序。支持平台:Windows系统,Linux, FreeBSD, Unix, Mac OS X和Solaris。

原文地址:http://buildmobile.com/android-development-do-you-know-your-options/#fbid=N_l-mCvl6bl

作者简介

Rupesh

I am Rupesh, 20 year old, doing my engineering at SJCE Mysore, India. I love designing, football, music! I play with HTML, CSS, JavaScript, Photoshop, After Effects, Illustrator. Top Contributor of Google Analytics, Orkut and Google Wave support forums.

责任编辑:佚名 来源: 酸奶小妹的博客
相关推荐

2012-05-30 09:22:56

Hybrid App助HTML5JavaScript

2013-07-09 09:24:29

响应式HTML5CSS3

2011-03-22 08:54:02

HTML 5CSS3JavaScript

2013-03-04 13:14:00

Adobe Edge HTML5

2011-09-21 11:02:17

HTML 5

2012-05-11 09:37:34

HTML5

2012-02-29 09:27:36

ibmdw

2013-08-21 13:19:33

HTML5CSS3表单设计

2013-03-04 14:13:13

HTML5CSS3响应式

2012-05-24 11:03:55

HTML5

2011-01-25 09:16:33

HTML 5CSS3Web

2011-05-25 09:34:30

HTML5cssjavascript

2017-04-25 12:07:51

AndroidWebViewjs

2012-06-07 09:23:45

ibmdw

2010-05-05 17:23:30

OperaCTO

2012-05-25 10:31:44

HTML5

2013-08-09 11:06:20

HTML5CSS3资源

2011-07-15 09:10:44

HTML 5CSS3

2011-08-30 16:39:34

HTML 5

2011-06-24 13:58:06

CSS3HTML5
点赞
收藏

51CTO技术栈公众号