文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> 资讯>Sencha Touch:新的Touch Web App重量级框架

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

时间:2010-07-05  来源:linux论坛

在几天前,著名的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来创建矢量图形。它的目标是提供一个适配器,让矢量图形能 够很轻松地实现跨浏览器兼容。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载