sencha touch 入门系列 (一)sencha touch 简介

时间:2022-06-28 18:26:10

参考链接:http://mobile.51cto.com/others-278381.htm

  Sencha touch 是基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的移动应用开发框架,该框架是世界上第一个

基于HTML5的Mobile App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队

  Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android、Apple iOS、黑

莓、winphone等设备。

    Sencha,翻译意为“煎茶”,是指一种在日本很流行的绿茶品种,“我们之所以选择这个名字,因为它会唤醒下一代软件开发并且它很容易记忆、拼写 和发音”,在Java开发的传统中,它代   表了软件开发的一个新水平阶段。

  另外,Sencha还成立了一个基金会叫“Sencha Labs”,以支持非商业项目开发。jQTouch和Raphaël将保留原有的MIT许可证。原JQTouch项目将由Jonathan Stark接 手维护和更新。

  Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。

  下面是官方列出的几大特性:

  ◆基于最新的WEB标准 – HTML 5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。

  ◆支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一个专为Android定制的主题。

  ◆增强的触摸事件。在touchstart等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。

  ◆数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。

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

  ◆HTML 5离线存储

  ◆HTML 5地理定位

  ◆Sencha Touch icon设置

  ◆JSONP代理

  ◆YQL数据代理

  ◆重力感应滚动

  ◆滚动Touch事件

  ◆遮罩弹出层

  ◆为移动优化的表单元素

  ◆CSS3 Gradients

  ◆CSS3 Transitions

  ◆Multi-Card布局

  ◆Tab组件

  ◆滚动列表视图

  ◆其它……

关于Sencha

 Sencha是目前为止所发现的最强大的应用于移动平台的框架。它将自己定位为框架(Framework)而不是类库(Library),也可以充 分印证这一点。相信随着Sencha的出现,移动平台的        Web App用户体验设计会得到提升,同时也会对HTML 5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见,随着HTML 5愈加强大的功能,未 来的移动应用将会逐渐步入      Web App时代,Native App会逐渐走向终结。