jQuery MiniUI,快速开发WebUI界面

Sencha Touch 2学习笔记(一)---环境搭建和开发工具配置


最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架,封装了一些ui控件)。sencha touch2是专门为手机开发的一套框架。可以适用于多个手机操作系统,其实就是兼容手机上的浏览器。
想更多的了解sencha touch2可以参照http://baike.baidu.com/view/3800552.htmhttp://extjs.org.cn/。如果英文好的话可以去他的官网。

首先是搭建环境:

要想使用sencha touch2框架 ,必须下载它的库文件。下载地址是http://www.sencha.com/products/touch/download/。它首先要你填写你的邮箱,然后会将下载地址发你的邮箱(不知道这样为什么。。)

下载下来之后,我们提取其中的sencha-touch.css(resouces\css路径下)sencha-touch-debug.js(根目录下),和src文件夹及其子文件。这环境的搭建我曾在网上搜索过,很多篇文章。但貌似试过来,都不行(这时我开始怀疑自己的智商了)。 后来我就乱配了。。 不知道怎么的可以了。原来是我没将src文件夹弄进来。我看了下src下的文件。都是一些库文件,像java一样,js的一个个类。(呵呵,我不是很懂一些js的一些底层东西,所以学学框架就行了,毕竟在应用中,暂时还没用到过,全凭兴趣)。我就根据网上的做了个hello world的sencha touch2小例子。就放在附件中。

然后是开发工具:

因为我曾经学过ext,也用它做过一些小东西。我学ext的时候,写ext代码的时候选择的工具是myeclipse+spket插件。
我想ext 和 sencha touch2都一家公司的,那么spket插件估计也适用于sencha touch2吧。
我就尝试性地配了下,结果还真行。

我用的spket版本是1.6.23。我选择eclipse+spket。还好spket插件和android的adt插件不冲突。(曾经了解到jbpm的jdtl插件会和adt冲突的)。

eclipse我很早就有了,没有的话可以去官网下个最新版的。我选择spket的安装方式是在线安装,地址是http://www.agpad.com/update/。当然你可以直接下载,地址是http://www.spket.com/download.html。然后就可以安装了。安装好了之后 ,重启下eclipse。点击windows->preferences 出来个框框。左边列表会出现spket(如果没出现,呵呵,估计就是安装失败了,重新装下)。选择spket下的javascript profiles.点击new,输入编辑器名字(我叫sencha),确定。然后选择刚建出来的编辑器,右边的add library可以点击了,点击下,选择extjs.然后选中刚建出来的,点击add file,选择你下载的sencha touch2 sdk根目录下的touch.jsb3。然后选择sencha,设置为default。 然后确定,就ok了。 这里可以理解touch.jsb3为一个引导文件一样,将spket引导至sencha touch sdk下的库文件。

然后就可以开始sencha touch2的代码编写了,写代码有智能提示哦。

对了 ,补充一句 ,这个只能在苹果浏览器里才能出现效果,谷歌的我的版本貌似太旧,出现不了。但是我在android手机上试过,是可以的。我试的手机是g11 android2.3.3。

作者:色即是空,空即是色
原文:http://chennaigong.iteye.com/blog/1542268