Sencha Touch：新的Touch Web App重量级框架

在几天前，著名的JavaScript框架ExtJS宣布，将现有ExtJS整合JQTouch和Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS也正式更名为Sencha。原域名www.extjs.com也已经跳转至www.sencha.com。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://pub.chinaunix.net//uploadfile/2010/0705/20100705093234168.jpg');}" onmousewheel="return imgzoom(this);" alt="" />
同时，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队。“在未来的几个月内，我们的合作将会创造出令人惊叹的新东西来。不会等太久的，我保 证！”Sencha的CEO Abraham Elias如是说。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://pub.chinaunix.net//uploadfile/2010/0705/20100705093235612.png');}" onmousewheel="return imgzoom(this);" alt="" />
Sencha，翻译意为“煎茶”，是指一种在日本很流行的绿茶品种，“我们之所以选择这个名字，因为它会唤醒下一代软件开发并且它很容易记忆、拼写 和发音”，在Java开发的传统中，它代表了软件开发的一个新水平阶段。
另外，Sencha还成立了一个基金会叫“Sencha Labs”，以支持非商业项目开发。jQTouch和Raphaël将保留原有的MIT许可证。原JQTouch项目将由Jonathan Stark接 手维护和更新。
OK，下面我们来看一下这个来势汹汹的Sencha Touch，它有什么令人惊叹的新东西。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://pub.chinaunix.net//uploadfile/2010/0705/20100705093235553.png');}" onmousewheel="return imgzoom(this);" alt="" />

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
下面是官方列出的几大特性：

   
• 基于最新的WEB标准 – HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。
     
• 支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可以使用一个专为Android定制的主题。
     
• 增强的触摸事件。在touchstart等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。
     
• 数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。
  

这里有一些DEMO和案例，通过这些演示，我们可以发现下面的这些细节上的特点：

   
• HTML5离线存储
     
• HTML5地理定位
     
• Sencha Touch icon设置
     
• JSONP代理
     
• YQL数据代理
     
• 重力感应滚动
     
• 滚动Touch事件
     
• 遮罩弹出层
     
• 为移动优化的表单元素
     
• CSS3 Gradients
     
• CSS3 Transitions
     
• Multi-Card布局
     
• 
      Tab组件
     
     
• 滚动列表视图
     
• 其它……
  

Sencha是目前为止所发现的最强大的应用于移动平台的框架。它将自己定位为框架（Framework）而不是类库（Library），也可以充 分印证这一点。相信随着Sencha的出现，移动平台的Web App用户体验设计会得到提升，同时也会对HTML5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见，随着HTML5愈加强大的功能，未 来的移动应用将会逐渐步入Web App时代，Native App会逐渐走向终结。
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://pub.chinaunix.net//uploadfile/2010/0705/20100705093235967.png');}" onmousewheel="return imgzoom(this);" alt="" />
关于JQTouch
JQTouch是一个基于JQuery的“老牌”Web App组件库，利用它可以创建创建移动WebKit浏览器（iOS、Android、Palm Pre）中运行的应用程序，并可以模拟Native App的特性。
关于Raphaël
Raphael是一个小型JavaScript库，它使用SVG的W3C推荐标准和VML来创建矢量图形。它的目标是提供一个适配器，让矢量图形能 够很轻松地实现跨浏览器兼容。