3.2.4 Titanium
Titanium 簡介
(1)Titanium Platform
Titanium 應用程式 主要分成4個部分:
1.核心應用程式邏輯和使用者介面由 HTML/CSS/JavaScript 程式碼構成
2.API可以存取本機裝置/桌上型電腦的功能,分析或其他模組化功能
3.語言橋梁可以使編譯web程式碼轉換成本機應用程式的程式碼
4.為了跨平台分配,運行時會拆解package
(2)Titanium Studio
提供以下規格
.在單一環境開發,測試,配置你的行動裝置App
.行動裝置和網路的開發環境是用Eclipse_based IDE
.支援 HTML5, CSS3, JavaScript, Ruby, Rails, PHP, and Python等語言貼心的設計
1.Titanium Code Assist
- 容易取得屬性,方法,和Titanium APIS
2.Testing and Packaging
- OS的命令執行快取存終端機的命令列
3.Deployment Wizard
-自動發佈你的Web App到託管服務(ex.Red Hat,Heroku,Engine Yard)
4.Integrated Debugger
-設置斷點,檢查變數,控制執行
5.Built-in Terminal
- 支援單次觸發保持同步設定
-有多重網路協定(ex.FTP,SFTP,FTPS,Capistrano)
(3)Titanium Mobile
前言: Titanium Mobile是一套開放原始碼的Mobile development framework,讓web開發者可以使用javascript來開發原生Android、iOS與BlackBerry原生應用程式。
具有以下的優點
01.真正的原生應用程式
-Titanium Mobile 提供給你原生的使用者介面,因此,無論是在 iOS 或是 Android上,你都能夠創造出最佳的使用者經驗。
02.社交網絡和LBS的應用
-Facebook、Yahoo、Twitter 等各種社交網絡都能輕鬆連結,地圖、羅盤等功能也都任你差遣。
03.熟悉的web技術
-你是否曾經想過 – JavaScript, HTML, CSS這些你所熟悉的技術居然可以成為製作Apps的得力助手?
04.多媒體影音
-除了提供音樂、照片、影音的串流和儲存於移動裝置上之外,Titanium Mobile 也提供了影音播放器客製化的選擇。05.無限的擴充性Titanium Mobile 的外掛架構允許你用Objective-C 或 Java 開發模組,再用JavaScript把這些功能呼叫至Titanium Mobile內使用。
06.和雲端連結
-Titanium Mobile同時支援 RESTful 和 SOAP 兩種網路服務。此外,Titanium Mobile也支援 Yahoo YQL,透過它,你可以呼叫超過 300種 API。
07.多樣化的儲存選擇
-無論是使用者的偏好設定、檔案文件的儲存,針對不同種類的資料,你可以有不同的處理方式,如SQL Lite、檔案系統等。
08.支援 HTML5和 CSS3
-多虧了Webkit 引擎,Titanium Mobile讓你可以盡情發揮想像空間創造出更精緻的使用者介面和動畫。
(4)Titanium Desktop
The Appcelerator Network breaks the interop barrier-雲端幅可以幫助建立,包裝,開發經過PC,Mac,Linux等平台
No sandbox, better performance-不像是Adobe Air,Titaninum允許存取整個系統的資源.-僅需要Air apps存取記憶體的1/10
Mix and match your favorite web technologies-完整支援JavaScript,HTML,CSS,Python,Ruby and PHP.-使用任意的平台來授權任意app給任意OS
共筆資料來源:
01.http://www.appcelerator.com/products/titanium-cross-platform-application-development/
02.http://ti.herxun.co/?page_id=440
03.http://www.youtube.com/watch?v=k0ingrsPo2o
get_started
- // this sets the background color of the master UIView (when there are no windows/tab groups on it)
- Titanium.UI.setBackgroundColor('#000');
- var win1 = Titanium.UI.createWindow({
- title:'test',
- backgroundColor:'#fff',
- modal: true
- });
- win1.layout = "vertical";
- var button1 = Titanium.UI.createButton({
- title: 'Hello'
- });
- win1.add(button1);
- win1.open({fullScreen: true});
- button1.addEventListener('click',function(e)
- {
- Titanium.API.info("You clicked the button");
- });
複製代碼
我的發現:
1.要把BUTTON放進Window
2.放進Window後 要win1.open({fullScreen: true}); 才會顯示出來 button1
3.win1.layout = "vertical"; 如果沒有layout的話 按鈕 會疊再一起
4.window中不可以再塞WINDOW
- win1.add(button1);
- win2.add(button2);
- mainWin.add(win1);
- mainWin.add(win2);
- mainWin.open({fullScreen: true});
複製代碼
參考:
https://github.com/agiliq/TaxCalculatorTitanium/blob/master/Resources/app.js
http://agiliq.com/blog/2011/02/getting-started-with-titanium-development/
http://developer.appcelerator.com/apidoc/mobile/latest