Sencha Touch 2.0官方指南:What's new feature?

移动开发
Sencha Touch 是第一个HTML5移动开发框架,Sencha Touch 2.0是Sencha Touch有史以来最大一次升级。我们最关注的是Sencha Touch的性能,致力于让基于Sencha Touch开发的APP能在更多的平台上快速运行。App能在小组件初始化渲染,局部和设备转动时重新局部等情况下快速的运行。

Sencha Touch 2.0 有哪些新特征? 原文地址

本指南在不断完善中,它不包括Sencha Touch 2.0的所有性能。但它将成为Sencha Touch 2.0 的最终版本。

欢迎来到Sencha Touch 2.0

Sencha Touch 是第一个HTML5移动开发框架,Sencha Touch 2.0是Sencha Touch有史以来最大一次升级。我们最关注的是Sencha Touch的性能,致力于让基于Sencha Touch开发的APP能在更多的平台上快速运行。App能在小组件初始化渲染,局部和设备转动时重新局部等情况下快速的运行。

Sencha Touch 2.0里有一个新的翻滚程序,对各个平台进行了优化,运行速度比之前的快了很多,特别是在Andriod平台上。同时我们对渲染过程进行了优化,对那些已经生成的组件进行了改善,使他们可以重新利用,不至于每次都需要重新生成。

我们从ExtJS4中吸收了很多新技术,包括新的高级类系统,重构组件和系统应用结构。

我们关注于怎么样才能使APP适用于更多的平台,减少APP对WebKit的依赖,构建一个可以在更多设备上运行的健壮的平台。

更小更快的布局引擎

Sencha Touch提供了一个App可以在各种不同设备上更容易安装的灵活的布局系统。Sencha Touch 2.0的布局引擎更接近浏览器的CSS引擎。它下面几个方面有了很大的进步:

1. 启动时APP渲染和布局速度更快

2. 屏幕旋转时屏幕的更新速度比1.x快了很多

3. 布局引擎更小,下载速度更快。

Sencha Touch 1 的布局配置可以在Sencha Touch 2.0 中继续使用,所以你不需要去更改原来的程序。

Sencha Touch 2.0大幅地提高了App在布局方面的表现。点击导航时新屏幕可以更快的弹出,更流畅的用户体验,这其中最有创造性的是可以支持更多的设备。新的布局引擎大幅度提高了渲染速度,以至于我们需要用更快的相机才能计算它的变化时间。下面是Kitchen Sink buttons在1.X和2.0上的运行时间比较,Sencha Touch1 比Sencha Touch2 慢了1/4.

更健壮,更聪明的内核

Sencha Touch诞生不就但得益于同ExtJS共享开发环境,我们非常高兴的看到ExtJS4中很多新的变化都同时应用到Sencha Touch 2.0 中,包括下面几方面:

1. 提供了类的动态加载和依赖

2. 类的配置是核心结构,提高了清晰的Get和SetAPI,你可以方便的修改类配置。

更快的启动时间

我们对Sencha Touch 1 的启动速度并不满意,所以在Sencha Touch 2.0 中我们进行了多项优化使启动速度得到了大幅度的提高。通过对Kitchen Sink 的测试,我们发现Sencha Touch 2.0的启动时间在大部分平台上提高了10%到25%。Kitchen Sink是一个非常庞大App,通过实验证实他的每一个组件在大部分平台的加载时间都提高了2秒。

类系统和APPS

Sencha Touch 2.0 使用了ExtJS 4 中功能强大的类系统。给我们提供了很多强大的功能包括智能类加载(在APP构建的时候智能的引用你需要的类),混合组件,配置应用和新引擎等其他特征。在文档页面中对新类系统有一个全面的介绍。

我们还根据ExtJS 4 改善了Sencha Touch 2.0 的结构,包括组件查询 和产品构建。在release 版中我们没有十分完美的处理MVC结构,在接下去的previews 和 betas.版本中,我们会继续添加新的方法例如支持深度“链接/历史”。

配置驱动组件

新的类系统的一个优势是提供了组件配置,对于一些简单的组件提供了Get和Set方法,还有默认值等等。

Sencha Touch 2.0 在整个框架中都使用配置方式,所以当你看到一个类的配置时你可以随时改变配置属性,即使是这个组件已经被渲染。更完美的是,因为Set方法后面总是跟着相同的样式 ,当你看到配置的Set方法是你就知道哪些函数将被调用.

例如,一个TextField 有一个label属性,当我们初始化它的时候我们就可以方便的修改它。

配置项非常的实用,他提供了一个非常清晰API。在API文档中看到的所有'Config options',都有一个Get和Set方法。

对Android平台更好的支持

Sencha Touch 2.0 在Android平台上有了很大的提高。特别是在滚动效果和动画方面。在Sencha Touch 1 时代,Android设备上滚动比较长的滚动条是会感觉到很慢,动画效果也很糟糕。

Sencha Touch 2.0 提供了新的优化机制,在Android上能实现平滑的滚动和流畅的动画。我们会在这个月晚些时候提供更详细的技术介绍。

Native 封装

在完成Sencha Touch APP开发后,很多开发者都会问“怎样才能把我的APP展示给客户呢?”在很多情况下,通过Web方式开发和发布APP是很多开发者和客户期望的。当然把APP 上传到AppSencha Touchore是让客户知道的最快方法。

在Sencha Touch 2.0 中,开发和发布App到Android市场和iOS AppSencha Touchore中变得非常容易。现在,和Sencha Touch 2.0 预览一起,我们发布了开发者的SDK Tools 2.0。新的SDK 工具包含一个Sencha Touch打包命令,他能让你轻松的打包你的App使之成为iOS的App 或是Android的APK。就是这么的简单,一条命令就能顺利的把您的APP发布到AppSencha Touchore或是Android市场。

为了更好的简化开发者的工作,在iOS平台上,不要native SDK你就能完成App的打包工作。如果是部署在Android平台上,你需要下载Android SDK。对于拥有native SDK的开发者,你们可以使用SDK 工具把App发布到iOS或者Android的模拟环境中,从而观察他们的运行情况。

现在,我们发布了基于Mac OS X的SDK 工具预览,同时也会很快增加Windows和Linux版。我们还会增加设备API是App能更好的使用native的特征例如相机和设备连接。如何你对这些新功能特别感兴趣的话,在这个文档中包含了所有这些新方法。你一定为为他的监督而感到兴奋。让我们开始开发一个WebApp,把它转化成native App。

总结

Sencha Touch 2.0 中所有被广泛使用的的类在API目录中都有,在这些文档里面还有很多演示示例,你甚至可以修改它们。文档中还包括所有组件,你可以清楚的了解这么组件。

该文档还详细解释了Layouts, Components and Classes,还有如何使用tab panels, forms and carousels.对于Sencha Touch老手我们介绍了Sencha Touch 2.0 的新功能。对于Sencha Touch 新手,你可以通过本文档完成你的第一个App。

原文地址 :http://html5mobi.gotoip1.com/discussion/61/sencha-touch-2-what-s-new-in-sencha-touch-2.0

下载Sencha Touch 2.0:http://cdn.sencha.io/touch/sencha-touch-2.0.0-pr1.zip

查看2.0文档:http://docs.sencha.com/touch/2-0/

下载SDK工具(限Mac系统):http://cdn.sencha.io/sdk-tools/SenchaSDKTools-2.0.0-Developer-Preview.tar.gz

责任编辑:佚名 来源: 移动Web开发社区
相关推荐

2011-10-26 10:21:40

Sencha Touc组件

2011-10-26 10:43:19

Sencha Touc

2012-01-10 13:21:33

Sencha Touc使用data包

2011-10-26 10:32:05

Sencha Touc数据视图

2011-09-02 15:18:49

Sencha Touc

2011-07-25 16:21:22

Sencha touc

2011-09-02 15:42:55

Sencha Touc布局

2011-09-30 14:15:10

Sencha ToucSencha Touc

2011-09-02 15:58:38

Sencha Touc布局

2011-10-26 10:12:53

Sencha Touc布局

2011-09-02 16:08:09

Sencha ToucAPI文档

2011-07-26 09:41:50

Sencha Touc特性HTML 5

2010-11-22 10:31:17

Sencha touc

2011-07-25 15:55:21

Sencha ToucHtml 5

2011-10-18 08:59:46

Sencha ToucHTML5

2011-11-16 13:14:02

Sencha TouciOS本地应用

2011-09-05 10:20:21

Sencha ToucAPP

2011-07-26 09:46:53

Sencha Touc

2011-09-02 16:21:08

Sencha Touc自动生成工具

2011-09-05 10:39:03

Sencha Touc离线存储数据库
点赞
收藏

51CTO技术栈公众号