【翻譯】使用Sencha Touch創建基于Tizen應用程序

原文：Building a Tizen App With Sencha Touch

作者：Gautam Agrawal                                 Gautam Agrawal is Sencha's Sr. Product Manager for Frameworks (Ext JS, Touch, and GXT). He has held various product and engineering roles at Quantros and Integral, in SaaS and BI space, utilizing Sencha technologies. He holds a PhD and MS from State University of NY (SUNY) at Buffalo and a BE from Pune University.

簡介

在Sencha Touch3.3.1，添加了對Tizen平臺的支持。Tizen是一個基于Web的OS，且允許開發人員使用HTML 5技術來編寫應用程序。與Tizen捆綁在一起的Web瀏覽器是當前最符合標準的移動瀏覽器之一。在本文，作為入門，將演示如何使用Sencha Touch來創建一個Tizen應用程序。

一個簡單的Tizen應用程序——Tizen Tunes

我決定使用iTunes RSS源來創建一個簡單的音樂播放應用程序（Tizen Tunes）。開始時，需要使用到Sencha Touch3.3.1框架和一個4.x版本的Sencha Cmd來創建并部署應用程序，還需要任何標準的代碼編輯器。我開始根據Lee Boonstra的《Sencha Touch 2入門》這篇分三個部分詳細介紹創建一個天氣工具應用程序的文章來創建應用程序。

在我的應用程序中，需要3個簡單的視圖：主視圖（包含應用程序標題和導航欄）、列表（顯示從iTunes RSS返回的前100條音樂專輯），以及一個詳細信息面板（包含歌曲預覽圖片和用來播放選擇歌曲的播放器）。此外，還需要為iTunes RSS源創建模型、為源代理返回的數據創建存儲（store）和一個從列表中選擇歌曲并在詳細信息面板播放他們的控制器。

下一步需要為應用程序設置適用于Tizen平臺的主題。Sencha Touch 2.3.1提供了額外的Tizen主題，所要做的是修改app.json文件來設置適當的主題資源并重新生成。

在app.json文件中，默認的Sencha Touch主題定義如下：

"css": [{
        "path": "resources/css/sencha-touch.css",
        "platform": [ "phone", "tablet", "desktop" ],
        "theme": "Default",
        "update": "delta"
}]

需要修改為以下代碼：

"css": [{
        "path": "resources/css/tizen.css",
        "platform": [ "tizen" ],
        "theme": "Tizen",
        "update": "delta"
}]

使用新的配置重新生成應用程序后的效果如下：

由于Sencha Touch為Tizen主題提高了暗和亮兩種變化（暗是默認），而我想將應用程序切換到亮主題，因而下一步要做的就是這個。要將主題切換到亮漸變的重點是添加/修改app.js文件中的其他配置：

Ext.application({
    views: [
        'MainView', 'DetailPanel', 'SongList'
    ],
    controllers: [
        'Songs'
    ],
    name: 'TizenTunes',
    themeVariation: 'light',
    launch: function() {
        Ext.create('TizenTunes.view.MainView', {fullscreen: true});
    }
});

還可以在launch方法內使用以下代碼來切換主題（在某些時候可能需要動態來實現）：

TizenTunes.app.setThemeVariation ('light');

在模擬器上運行Tizen應用程序

為了測試應用程序，我想使用Web模擬器，這個可以在Tizen開發者網站的Tizen SDK中找到。在Mac OSX中使用安裝管理器來安裝Tizen IDE給我帶來了一些挑戰。如果希望了解更多信息，我建議使用這個Youtube視頻，且在Tizen開發者論壇上的帖子。

一旦解決了Tizen IDE的運行問題，就可以訪問Tizen Web模擬器了，且可以開始測試Tizen Tunes應用程序了。

希望本示例對創建你的Tizen應用程序會有所幫助。去嘗試一下并在Sencha論壇上與我們分享一下你的感受。