Sencha Touch 2 的新特性

最新推荐文章于 2024-11-04 11:45:54 发布

ardy

最新推荐文章于 2024-11-04 11:45:54 发布

阅读量2.5k

点赞数

分类专栏： Sencha Touch 文章标签： android 引擎 dependencies getter 优化 setter

Sencha Touch 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Sencha Touch已正式发布新的版本Sencha Touch 2，并同步更新了网站的界面、API文档及2.0的例子。Sencha Touch是什么？在这里先做一下简单的介绍。Sencha Touch是一个基于HTML5标准实现的面向移动开发的javascript框架。其继承于Sencha（原Ext JS）这个Web上的js框架。相信很多人对这个东西并不陌生。

Sencha Touch刚发布的时候，已经吸引了不少人的关注。现在Sencha Touch 2正式发布，让我们看看官方如何给我们介绍它的新特性。

Sencha Touch 2.0是Sencha Touch一个最重要的版本升级。这个发行版本最关注的问题是性能--让应用在尽量多的设备上运行得更快。为了让应用启动得更快，我们提供了一个更快速的初始化渲染器和布局，并且当设备旋转的时候可以马上重新布局。下面是一些其他的值得关注的功能增强：

全新的滚动条，针对各种平台进行了优化，使之更快速--特别在Android的设备上。我们优化了渲染过程和使用了新的技术重用已经存在的组件，而不是重新初始化一个新的。
来源于Ext JS 4的很多创新，包括先进的新的Class体系、可重构的组件和改进的应用架构。
增加了支持设备的范围，降低对针对WebKit支持的单一性。建立一个强壮的平台，让我们在之后能支持更多的设备。

下面，我们更详细地介绍SenchaTouch 2 的提高。

更小、更快的布局引擎

提供了一个非常灵活的设计体系，让它容易为各种形状和大小的设备设计应用。版本2带来一个布局引擎，它运行起来更像浏览器的CSS优化引擎。其结果就是在以下几个领域中极大地提高了性能：

应用在启动时更快地渲染和布局。
当旋转设备时，比用Sencha Touch 1.x设计的应用更快地更新屏幕（的布局显示）。
布局引擎变得更小，结果就是让下载变得更快。

在新的布局引擎下，支持全部SenchaTouch 1.x 所使用的布局配置选项。因此，你无须改动任意一行代码。

（新的布局引擎）全方位的大量提高了布局的性能。通过控制应用在页面上弹出窗口变得更快，给人更流畅的体验。最引人注目的改进，是当改变设备的方向时，新的布局引擎快得让我们必须使用一台高速相机去测量它。下面是Kitchen Sink按钮例子运行于1.x和2.x，减速于1/4的速度：

更强大、更智能的核心

Sencha Touch受益于与Ext JS共享一个开发环境。ExtJS 4带来一系列新的改革，现在被纳入到Sencha Touch中去，包含以下内容：

升级了Class体系，支持动态加载和依赖关系。支（dynamic loading and dependencies）
支持类配置成为一个核心既概念--为自由、整洁和一致的API提供getters和setters方法

更快的启动速度

我们对1.x版本的启动时间不是很满意，因此我们优化了启动时我们可以优化的任何东西。目前为止，我们在一系列的设备上测试我们的Kitchen Sink这个示例时，看到了在启动时间上有10%至25%的改进。这个APP相当大，它展示了框架（Framework）里几乎所有的组件。在很多设备上，（在启动时）在2.x的版本里，它差不多可以快一秒：

类体系和应用（Class system and apps）

Sencha Touch 2 应用了源于Ext JS 4的，新的，强大的类体系。这提供了以下全部好处：动态加载、只需要引用你用到的类就能进行智能编译、混合类型、可配置性和新引擎其它新特性。

我们已经从Ext JS 4的应用架构中带来了ComponentQuery和产品编译支持。

配置驱动式组件

新类体系其中一个好处是可以通过配置--简单的属性进行装载，这些（属性）都能自动提供getter和setter方法，并且可以设置默认值，和更多。

Sencha Touch 2 通过框架利用了配置系统。任何时候你都可以重新设置任意一个类中你已知的任意属性。

例如，当我们实例化的时候可以给label属性设置一个TextField值，并且知道我们在后面可以很容易去改变它的值：

var text = Ext.create('Ext.form.Text', {
   label: 'My Field'
});
 
//anything we can configure also has asetter function
//its name always follows the setConfigNamepattern
text.setLabel('Another Field');

可配置性是伟大的，因为它为类提供了一个非常清晰的API。任何你看到的在各个类的API文档里配置选项都是通过标准的getter和setter方法去完成的。

提高了MVC的能力

Sencha Touch 1 通过简单的方法组织你的应用实现一条mvc的工作线。Sencha Touch 2 相当大地改进了这种方式，并全面支持history，和通过一种强大的新的方式去控制组件，和根据不同的屏幕大小通过一种强大的新的方式去定制你的应用。

更好的android支持

Sencha Touch 2 在Android上带来了很大的性能提升，特别在滚动和动画方面。在Sencha Touch1.x里，Android设备在滚动大的列表时显示特别缓慢。动画波动性很大和展示出不好的视觉效果。

Touch 2 提供了Android自己的优化机制,更顺畅更快地实现滚动和流动性好的动画。