Sencha Touch

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

而 Sencha 这是刚刚由 ExtJS、jQtouch 和 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。美丽的用户界面组件和丰富的数据管理，全部基于最新的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会逐渐走向终结。

关于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/

Sencha Touch相关推荐

Sencha Touch 2 DataView / List 分页
Sencha Touch 2的List的分页功能想必不用过多的介绍了,应该都了解,官方也有例子. 但是想直接把List的分页功能拷贝到DataView上,是不够完美的,存在一个小Bug,导致一直在加载 ...
从零开始学习Sencha Touch MVC应用之七
在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式. 控制器action的调用方式将按下面三种方式: l 利用路 ...
Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)...
常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样 ...
sencha touch tabsidebar 源码扩展
先上图看效果没错,这是一个sencha touch 项目,而这里的右边推出效果(下文叫做tabsiderbar),使用插件tabsiderbar来扩展的. 插件js下载地址:http://www.m ...
第二步（仅供参考） sencha touch + PhoneGap(cordova 2.9 及其以下版本) 使用 adt eclipse进行打包...
首先你得安装一个adt-eclipse 参考资料 http://www.crifan.com/android_eclipse_offline_install_adt/ 然后就可以运行adt-eclip ...
sencha touch 组件选择器getCmp和ComponentQuery.query()的效率解析
昨天无意中在网上看到一篇讲解sencha touch组件选择器的文章,名为 Sencha touch 2通过Ext.ComponentQuery.query查找组件. 里面对组件选择器的效率讲解完全反 ...
Sencha Touch 笔记
Sencha Touch 的动画方式 HIERARCHY Ext.Base Ext.fx.Animation REQUIRES Ext.fx.animation.Fade Ext.fx.animati ...
sencha touch 模仿tabpanel导航栏TabBar(2013-11-7)
基于sencha touch 2.2所写代码: 1 /* 2 *模仿tabpanel导航栏 3 */ 4 Ext.define('ux.TabBar', { 5 alternateClassName ...
Sencha Touch 搭建命令
Sencha Touch 搭建命令进入到 F:\..\doc\touch-2.4.0 touch包目录下然后执行命令 sencha generate app MyApp .. ...
开始 Sencha Touch 2 之旅之三
现在我们已经看到了一个比较体面拿的出手的主页页面了,接下来让我们来做一些扩展.我们先用虚构的数据在一个单独的选项卡显示最新博客文章列表(用List显示).在这里实现上我们选取了几个来自http://s ...

Sencha Touch

Sencha Touch相关推荐

最新文章

热门文章