sencha touch2学习笔记(一)---环境搭建和开发工具配置

阅读更多

原文链接：http://chennaigong.iteye.com/admin/blogs/1542268

最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架，封装了一些ui控件)。sencha touch2是专门为手机开发的一套框架。可以适用于多个手机操作系统，其实就是兼容手机上的浏览器。

想更多的了解sencha touch2可以参照http://baike.baidu.com/view/3800552.htm和http://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。

• sencha.zip (946.3 KB)
• 下载次数: 388