本文:【第3章第364回】
什么是Sencha Touch
前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。
通过Sencha Touch可以快速开发跨平台移动应用,无论Web还是iOS或Android,都OK。
好了,下面就开始咯……
下载Sencha Touch
到Sencha 的官网下载最新版的Sencha Touch
下载完成并解压后你会得到以下的目录以及文件:
[code]
目录:
builds
包含了全部框架代码文件
cmd
后面再
Sencha Cmd
中需要用到的文件
docs
相关的
API
文档
examples
示例代码
microloader
用于加载应用程序的文件
resource
包含样式定义文件及图片文件等资源
src
源文件
文件:
build.xml
生成应用程序所需的
XML
文件
file-header.txt Sencha
的文件头,包含协议等信息
index.html
在线
API
文档
license.txt
协议文本
release-notes.html
版本发布说明
SenchaLogo.png Sencha
的
Logo
sencha-touch.js
压缩过的
Sencha Touch
核心库
sencha-touch-all.js
压缩过的
Sencha Touch
库
sencha-touch-all-debug.js
未经压缩的用于调试的
Sencha Touch
库
sencha-touch-debug.js
未经压缩的用于调试的
Sencha Touch
核心库
SETUP.html
官方的安装文档
version.txt
版本说明文档
下载Sencha Cmd
同样在Sencha官方可以下载到
安装的过程我就不再赘述了。
为了测试是否已经安装成功,你可以输入以下命令:
[code]cd /
Sencha
输入后出现以下信息则表示安装成功。
接下来就可以开始生成应用程序了!
[code]Sencha -sdk c: ouch-2.4.2 generate app App d:App
[code]c: ouch-2.4.2
此处是你刚才放置
touch
的位置
app
这是你的
app
名字
d:App
这是你的
app
位置
现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是Sencha Touch的魅力所在,你可以打包成Web网页,也可以打包成iOS应用程序,同样也可以打包成Android应用程序。
如果你只需要部署到网站,那么输入以下命令即可:
[code]sencha app build
而如果你想打包成移动应用,所以你还需要一些步骤。
下载Ruby
安装好之后找到Start Command Prompt with Ruby这个应用,类似于cmd。
打开后输入:
[code]gem install compass
后台就会开始下载Compass,我也就不提醒你下载这个需要联网了……
下载完成之后CD到你的应用程序所在位置输入: