官方教程--查看文章
 
Sencha Touch:新的Touch Web App重量级框架
发布时间:2010-7-6

在几天前,著名的JavaScript框架ExtJS宣布,将现有ExtJS整合JQTouch和Raphaël库,推出适用于最前沿 Touch Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile App框架。同时,ExtJS也正式更名为Sencha。原域名www.extjs.com也已经跳转至www.sencha.com。

同时,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。“在未来的几个月内,我们的合作将会创造出令人惊叹的新东西来。不会等太久的,我保 证!”Sencha的CEO Abraham Elias如是说。

Sencha,翻译意为“煎茶”,是指一种在日本很流行的绿茶品种,“我们之所以选择这个名字,因为它会唤醒下一代软件开发并且它很容易记忆、拼写 和发音”,在Java开发的传统中,它代表了软件开发的一个新水平阶段。
另外,Sencha还成立了一个基金会叫“Sencha Labs”,以支持非商业项目开发。jQTouch和Raphaël将保留原有的MIT许可证。原JQTouch 项目将由Jonathan Stark接 手维护和更新。
OK,下面我们来看一下这个来势汹汹的Sencha Touch,它有什么令人惊叹的新东西。


Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5CSS3的 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会逐渐走向终结。

关于JQTouch
JQTouch是一个基于JQuery的“老牌”Web App组件库,利用它可以创建创建移动WebKit浏览器(iOS、Android、Palm Pre)中运行的应用程序,并可以模拟Native App的特性。
关于Raphaël
Raphael是一个小型JavaScript库,它使用SVG的W3C推荐标准和VML来创建矢量图形。它的目标是提供一个适配器,让矢量图形能 够很轻松地实现跨浏览器兼容。



 [官方教程][图文]Ext JS + jQTouch + Raphaël = Sencha (myext整理,06-26)
6月15日,当开发者访问著名的JavaScript库ExtJS网站,会发现自己被重导向到另一个不熟悉的网址和界面www.sencha.com。原来,按官方博客的说法,ExtJS项目已经与触摸屏代码库项目jQTouch和SVG处理库Raphael合并,后两个项目的创始人David Kaneda和Dmi……

 [官方教程]TabPanel 类的基础 (佚名,03-06)
摘要这份教程目的在于对TabPanel类进行一次快速介绍。所提及的知识都是来自我对TabPanel范例、Ext源码和API文档的学习。到本文最后,你应该完成好一个Tab Panel,这个TabPanel能够:创建新tab,其内容来自一个URL。 判断某个tab是否存在,有的话加载新内容。 步骤 1:……

 [官方教程]布局的初级入门 (佚名,03-06)
事前准备 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。 需要些什么? 除ExtJS库本身外,我们还需要两个文件: applayout.htmlapplayo……

 [官方教程]Ext3.0发布RC1版本 (myext整理,04-25)
Ext3.0 RC1版本 已于上周发布,虽然这个版本是RC的,也没有发布出IDE,不过还是很不错,自带的例子中加入一些新的Demo,我们可以下载后一睹为快。下载地址:http://www.extjs.com/products/extjs/download.phpAPI文档:http://extjs.……

 [官方教程]ExtJs:Localizing Ext (本地化ext) (未知,09-20)
1 引言 2 慢慢开始 3 原理是?? 4 本地化文件的葫芦里卖的什么药? 5 应用程序的本地化 6 高级提示引言如果你是英语的用户就不必做任何本地化的工作了,这篇教程是为非英语用户所准备的,好像一般的用户,开发主管,业务员等,他们的外语可能稍逊,这……

 


©2008 MyExt.cn
本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.