Sencha Touch 2 官方指南中文系列:Sencha Touch 2.0 有哪些新特征?


本指南在不断完善中,它不包括Sencha Touch 2.0 (以下简称ST 2 )的所有性能。但它将成为ST 2 的最终版本。

欢迎来到Sencha Touch 2.0

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

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

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

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

更小更快的布局引擎

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

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

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

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

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

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

更健壮,更聪明的内核

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

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

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

更快的启动时间

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

类系统和APPS

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

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

配置驱动组件

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

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

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

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

对Android平台更好的支持

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

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

Native 封装

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

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

总结

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

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