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

 

 

 

 

 

 

 

2011/12/19

 

在經過幾個晚上的努力之後;(已經閱讀完官網的get_started以及第一個程式教學)嘗試寫了;主要訴求: "畫面可以顯示一個按鈕"

 

其中注意幾個關鍵你就寫的出來了

  1. // this sets the background color of the master UIView (when there are no windows/tab groups on it)
  2. Titanium.UI.setBackgroundColor('#000');
  3. var win1 = Titanium.UI.createWindow({
  4.     title:'test',
  5.     backgroundColor:'#fff',
  6.         modal: true
  7. });
  8. win1.layout = "vertical";
  9. var button1 = Titanium.UI.createButton({
  10.    title: 'Hello'
  11. });
  12. win1.add(button1);
  13. win1.open({fullScreen: true});
  14. button1.addEventListener('click',function(e)
  15. {
  16.    Titanium.API.info("You clicked the button");
  17. });

複製代碼

我的發現:

1.要把BUTTON放進Window
2.放進Window後 要win1.open({fullScreen: true}); 才會顯示出來 button1
3.win1.layout = "vertical"; 如果沒有layout的話 按鈕 會疊再一起


4.window中不可以再塞WINDOW

  1. win1.add(button1);
  2. win2.add(button2);
  3. mainWin.add(win1);
  4. mainWin.add(win2);
  5. 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