[SmartTV_Samsung]Samsung Smart TV 開發環境搭建

標籤：class   http   com   width   檔案   art   

目前官方發布的最新版的SDK是5.1版本，大家可以串連此下載：

Samsung TV Application SDK (version 5.1)

SAMSUNG提供的開發包，和bada一樣，SDK和IDE都打包進去，一起安裝成功的。

安裝過程極其簡單，直接執行exe安裝程式，初次安裝會花費兩分鐘時間配置windows下的開發環境，配置結束後，然後選擇合適的路徑就可以安裝了。另外安裝成功後還有個選項，提供給開發人員Apache2.2的安裝程式，說是用來同步SDK和TV，我是將SDK和Apache都安裝在了E盤目錄下。

安裝成功後的IDE(Samsung TV SDK Apps Editor(2.3.2))：

 

 

模擬器可以雙擊模擬器表徵圖直接運行(Samsung TV SDK Emulator(2.3.2))：

 

 

它的IDE很有趣，名字叫做APPS Editor，另外還有一個可視化的Editor(Samsung TV SDK Visual Editor(2.3.2))：

 

 

可以在可視化編輯器上建立情境(scene)已經在情境上布置一些控制項，並且進行一些簡單參數的設定，詳細的視圖部署需要在css檔案中完成，這樣編輯產生的檔案是儲存為sap檔案，可以在project中進行引用，sap中產生了控制項視圖包括情境的id，在css、js代碼中可以引用這些視圖控制項ID進行操作。

很遺憾的是，SDK裡沒有包含文檔內容及一些程式樣本教程，需要大家在下面的地址下載：

文檔

教程

Project一般是建立在SDK的Apps目錄下，通過File->new project，可以直接在Apps目錄下建立個project，初始預設的project模版是空的，建立的話只產生個config.xml設定檔，不過建立前可以在property欄設定一些project的屬性。

大家可以從官網下載個樣本程式初步瞭解下程式的基本結構，我這裡是應用了教程目錄下的DatePicker樣本，建立目錄test1，將程式解壓到目錄下，產生的程式結構是這樣的：

 

 

其中icon,image目錄是存放一些程式中需要用到的資源，

主要是app目錄：

 

 

包含html、css、js檔案，看到這裡，搞過web開發的前輩們就懂了，小弟不才，沒接觸過web開發，今天剛剛開始學習smart tv的開發，僅此一點收穫分享給大家，望今後多些朋友一起交流學習。