天天看點

sencha touch

Sencha Touch 是第一款基于 HTML5 的手機開發架構,提供五花八門的界面UI元件用以開發豐富特效的手機應用程式。

sencha touch

  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/

繼續閱讀