sencha touch

简介: 引用:http://blog.csdn.net/flyerwing/article/details/5826592 Sencha Touch 是第一款基于 HTML5 的手机开发框架,提供五花八门的界面UI组件用以开发丰富特效的手机应用程序。

引用:http://blog.csdn.net/flyerwing/article/details/5826592

Sencha Touch 是第一款基于 HTML5 的手机开发框架,提供五花八门的界面UI组件用以开发丰富特效的手机应用程序。

而 Sencha 这是刚刚由 ExtJSjQtouch 和 Raphael三个项目合并而成的新项目,主要面向 PC 开发者。

  Sencha Touch 支持包括 iPhone、Android 等平台手机,因此你无需再去关心手机底层的操作系统,真正的一次编写到处运行。

  该项目采用 FLOSS 和 GPLv3 的授权。

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。

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

 

去站子上看下:http://www.sencha.com/products/touch/

相关文章
|
API
iOS9系列专题一——3D Touch(二)
iOS9系列专题一——3D Touch
194 0
iOS9系列专题一——3D Touch(二)
|
开发工具 iOS开发 git
iOS9系列专题一——3D Touch(一)
iOS9系列专题一——3D Touch
149 0
iOS9系列专题一——3D Touch(一)
Meego touch基本控件介绍—Button篇
前面我们也写过关于meegotouch的两个小程序,相信大家对meegotouch的界面风格都有一定的感观认识,今天写了一个关于button的小程序,一起了解下button的性质。至于button的分类和基本概念,可以点击这里查看。
741 0
Meego touch实现页面跳转和返回
前面写完了第一个Meego touch的程序,相信大家也看到Meego touch的界面风格,显示效果等等。不过却没有页面跳转,和返回等效果,那这篇文章就研究下,如何实现页面的跳转和返回?Meego touch默认会通过返回键或者退出键实现当前页面的关闭,并且返回到前一个页面。
925 0
|
应用服务中间件 Android开发 前端开发
|
iOS开发
iOS开发--3D Touch的基本使用
1.桌面快捷菜单项 效果如图: 1.桌面快捷菜单项 效果如图: 1.桌面快捷菜单项 效果如图: 桌面快捷菜单 点击之后的效果如图: 点击桌面快捷菜单的效果 接下来看下具体实现:1).在-application:didFinishLaunchingWithOptions:方法中用-setShortcutItems:方法来添加快捷菜单项。