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

本指南在不斷完善中，它不包括Sencha Touch 2.0的所有性能。但它將成為Sencha Touch 2.0 的最終版本。

歡迎來到Sencha Touch 2.0

Sencha Touch 是第一個(gè)HTML5移動(dòng)開發(fā)框架，Sencha Touch 2.0是Sencha Touch有史以來最大一次升級(jí)。我們最關(guān)注的是Sencha Touch的性能，致力于讓基于Sencha Touch開發(fā)的APP能在更多的平臺(tái)上快速運(yùn)行。App能在小組件初始化渲染，局部和設(shè)備轉(zhuǎn)動(dòng)時(shí)重新局部等情況下快速的運(yùn)行。

Sencha Touch 2.0里有一個(gè)新的翻滾程序，對(duì)各個(gè)平臺(tái)進(jìn)行了優(yōu)化，運(yùn)行速度比之前的快了很多，特別是在Andriod平臺(tái)上。同時(shí)我們對(duì)渲染過程進(jìn)行了優(yōu)化，對(duì)那些已經(jīng)生成的組件進(jìn)行了改善，使他們可以重新利用，不至于每次都需要重新生成。

我們從ExtJS4中吸收了很多新技術(shù)，包括新的高級(jí)類系統(tǒng)，重構(gòu)組件和系統(tǒng)應(yīng)用結(jié)構(gòu)。

我們關(guān)注于怎么樣才能使APP適用于更多的平臺(tái)，減少APP對(duì)WebKit的依賴，構(gòu)建一個(gè)可以在更多設(shè)備上運(yùn)行的健壯的平臺(tái)。

更小更快的布局引擎

Sencha Touch提供了一個(gè)App可以在各種不同設(shè)備上更容易安裝的靈活的布局系統(tǒng)。Sencha Touch 2.0的布局引擎更接近瀏覽器的CSS引擎。它下面幾個(gè)方面有了很大的進(jìn)步：

1. 啟動(dòng)時(shí)APP渲染和布局速度更快

2. 屏幕旋轉(zhuǎn)時(shí)屏幕的更新速度比1.x快了很多

3. 布局引擎更小，下載速度更快。

Sencha Touch 1 的布局配置可以在Sencha Touch 2.0 中繼續(xù)使用，所以你不需要去更改原來的程序。

Sencha Touch 2.0大幅地提高了App在布局方面的表現(xiàn)。點(diǎn)擊導(dǎo)航時(shí)新屏幕可以更快的彈出，更流暢的用戶體驗(yàn)，這其中最有創(chuàng)造性的是可以支持更多的設(shè)備。新的布局引擎大幅度提高了渲染速度，以至于我們需要用更快的相機(jī)才能計(jì)算它的變化時(shí)間。下面是Kitchen Sink buttons在1.X和2.0上的運(yùn)行時(shí)間比較，Sencha Touch1 比Sencha Touch2 慢了1/4.

更健壯，更聰明的內(nèi)核

Sencha Touch誕生不就但得益于同ExtJS共享開發(fā)環(huán)境，我們非常高興的看到ExtJS4中很多新的變化都同時(shí)應(yīng)用到Sencha Touch 2.0 中，包括下面幾方面：

1. 提供了類的動(dòng)態(tài)加載和依賴

2. 類的配置是核心結(jié)構(gòu)，提高了清晰的Get和SetAPI，你可以方便的修改類配置。

更快的啟動(dòng)時(shí)間

我們對(duì)Sencha Touch 1 的啟動(dòng)速度并不滿意，所以在Sencha Touch 2.0 中我們進(jìn)行了多項(xiàng)優(yōu)化使啟動(dòng)速度得到了大幅度的提高。通過對(duì)Kitchen Sink 的測(cè)試，我們發(fā)現(xiàn)Sencha Touch 2.0的啟動(dòng)時(shí)間在大部分平臺(tái)上提高了10%到25%。Kitchen Sink是一個(gè)非常龐大App，通過實(shí)驗(yàn)證實(shí)他的每一個(gè)組件在大部分平臺(tái)的加載時(shí)間都提高了2秒。

類系統(tǒng)和APPS

Sencha Touch 2.0 使用了ExtJS 4 中功能強(qiáng)大的類系統(tǒng)。給我們提供了很多強(qiáng)大的功能包括智能類加載(在APP構(gòu)建的時(shí)候智能的引用你需要的類)，混合組件，配置應(yīng)用和新引擎等其他特征。在文檔頁(yè)面中對(duì)新類系統(tǒng)有一個(gè)全面的介紹。

我們還根據(jù)ExtJS 4 改善了Sencha Touch 2.0 的結(jié)構(gòu)，包括組件查詢 和產(chǎn)品構(gòu)建。在release 版中我們沒有十分完美的處理MVC結(jié)構(gòu)，在接下去的previews 和 betas.版本中，我們會(huì)繼續(xù)添加新的方法例如支持深度“鏈接/歷史”。

配置驅(qū)動(dòng)組件

新的類系統(tǒng)的一個(gè)優(yōu)勢(shì)是提供了組件配置，對(duì)于一些簡(jiǎn)單的組件提供了Get和Set方法，還有默認(rèn)值等等。

Sencha Touch 2.0 在整個(gè)框架中都使用配置方式，所以當(dāng)你看到一個(gè)類的配置時(shí)你可以隨時(shí)改變配置屬性，即使是這個(gè)組件已經(jīng)被渲染。更完美的是，因?yàn)镾et方法后面總是跟著相同的樣式 ，當(dāng)你看到配置的Set方法是你就知道哪些函數(shù)將被調(diào)用.

例如，一個(gè)TextField 有一個(gè)label屬性，當(dāng)我們初始化它的時(shí)候我們就可以方便的修改它。

配置項(xiàng)非常的實(shí)用，他提供了一個(gè)非常清晰API。在API文檔中看到的所有'Config options'，都有一個(gè)Get和Set方法。

對(duì)Android平臺(tái)更好的支持

Sencha Touch 2.0 在Android平臺(tái)上有了很大的提高。特別是在滾動(dòng)效果和動(dòng)畫方面。在Sencha Touch 1 時(shí)代，Android設(shè)備上滾動(dòng)比較長(zhǎng)的滾動(dòng)條是會(huì)感覺到很慢，動(dòng)畫效果也很糟糕。

Sencha Touch 2.0 提供了新的優(yōu)化機(jī)制，在Android上能實(shí)現(xiàn)平滑的滾動(dòng)和流暢的動(dòng)畫。我們會(huì)在這個(gè)月晚些時(shí)候提供更詳細(xì)的技術(shù)介紹。

Native 封裝

在完成Sencha Touch APP開發(fā)后，很多開發(fā)者都會(huì)問“怎樣才能把我的APP展示給客戶呢?”在很多情況下，通過Web方式開發(fā)和發(fā)布APP是很多開發(fā)者和客戶期望的。當(dāng)然把APP 上傳到AppSencha Touchore是讓客戶知道的最快方法。

在Sencha Touch 2.0 中，開發(fā)和發(fā)布App到Android市場(chǎng)和iOS AppSencha Touchore中變得非常容易?，F(xiàn)在，和Sencha Touch 2.0 預(yù)覽一起，我們發(fā)布了開發(fā)者的SDK Tools 2.0。新的SDK 工具包含一個(gè)Sencha Touch打包命令，他能讓你輕松的打包你的App使之成為iOS的App 或是Android的APK。就是這么的簡(jiǎn)單，一條命令就能順利的把您的APP發(fā)布到AppSencha Touchore或是Android市場(chǎng)。

為了更好的簡(jiǎn)化開發(fā)者的工作，在iOS平臺(tái)上，不要native SDK你就能完成App的打包工作。如果是部署在Android平臺(tái)上，你需要下載Android SDK。對(duì)于擁有native SDK的開發(fā)者，你們可以使用SDK 工具把App發(fā)布到iOS或者Android的模擬環(huán)境中，從而觀察他們的運(yùn)行情況。

現(xiàn)在，我們發(fā)布了基于Mac OS X的SDK 工具預(yù)覽，同時(shí)也會(huì)很快增加Windows和Linux版。我們還會(huì)增加設(shè)備API是App能更好的使用native的特征例如相機(jī)和設(shè)備連接。如何你對(duì)這些新功能特別感興趣的話，在這個(gè)文檔中包含了所有這些新方法。你一定為為他的監(jiān)督而感到興奮。讓我們開始開發(fā)一個(gè)WebApp，把它轉(zhuǎn)化成native App。

總結(jié)

Sencha Touch 2.0 中所有被廣泛使用的的類在API目錄中都有，在這些文檔里面還有很多演示示例，你甚至可以修改它們。文檔中還包括所有組件，你可以清楚的了解這么組件。

該文檔還詳細(xì)解釋了Layouts, Components and Classes,還有如何使用tab panels, forms and carousels.對(duì)于Sencha Touch老手我們介紹了Sencha Touch 2.0 的新功能。對(duì)于Sencha Touch 新手，你可以通過本文檔完成你的第一個(gè)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系統(tǒng)）：http://cdn.sencha.io/sdk-tools/SenchaSDKTools-2.0.0-Developer-Preview.tar.gz