如何在Linux上開發(fā)跨平臺的移動應用程序？
譯文【51CTO譯文】過去這幾年見證了移動市場的迅猛發(fā)展，推動這個市場發(fā)展的主要是一大批應用程序。作為消費者，我們都討厭看到任何一種平臺造成的某種市場壟斷局面。畢竟，競爭越激烈，創(chuàng)新越多。作為開發(fā)人員，我們對跨平臺開發(fā)懷有復雜的心情。跨平臺開發(fā)存在幾個缺點，比如糟糕的平臺集成和欠靈活的設(shè)計等等。可是另一方面，我們又能夠接觸擁有更多消費者的更廣闊市場，能夠為我們開發(fā)的應用程序在眾多平臺上提供統(tǒng)一的外觀和感覺。
如今，幾乎所有現(xiàn)代的移動平臺都提供面向?qū)ο蟮腁PI。因而，沒有理由不開發(fā)跨平臺的應用程序。我們在本教程中將逐步介紹跨平臺開發(fā)的基礎(chǔ)知識。我們將使用來自Appcelerator的Titanium SDK作為一種跨平臺SDK（軟件開發(fā)工具包）。
我們需要哪些東西？
•了解Java
•PC
•安卓SDK
•Titanium SDK
作為一種開發(fā)平臺，Titanium讓你可以通過單一源代碼為谷歌安卓以及蘋果iOS開發(fā)原生應用程序。它使用Java作為主語言，還能夠與HTML和JavaScript協(xié)同運行。它并不依賴WebUI，而且具有擴展性。模塊可以用Objective-C編寫而成。
對于通曉Java和HTML的那些人來說，Titanium是切入移動開發(fā)的一個很好的起點。想開發(fā)安卓應用程序，你就需要安卓SDK；如果想開發(fā)iOS應用程序，則需要Mac。幸好對我們來說，一旦你有了代碼，就可以將代碼導入到Mac上的Titanium，然后針對iOS編譯代碼。
想讓Titanium SDK正常使用，我們就需要下列：
•Oracle Java JDK 6或7
•Node.js
•安卓SDK和安卓NDK
•至少2 GB內(nèi)存
在此下載Titanium SDK（需要注冊）：https://my.appcelerator.com/auth/signup。
Titanium下載完畢后，進入到下載目錄，將它解壓縮到/opt。
$ sudo unzip titanium.linux.gtk.x86_64.zip -d /opt
下一步進入到終端，設(shè)置路徑。
$ echo 'export MOZILLA_FIVE_HOME=/usr/lib/mozilla' >> ~/.bashrc
$ source ~/.bashrc
接下來，我們要為Titanium SDK安裝所有依賴項。
在Ubuntu或Debian上，我們將使用apt-get：
$ sudo apt-get install libjpeg62 libwebkitgtk-1.0-0 lib32z1 lib32ncurses5 lib32bz2-1.0
在Fedora，使用yum：
$ sudo yum install libjpeg62 libwebkitgtk-1.0-0 lib32z1 lib32ncurses5 lib32bz2-1.0
依賴項安裝完畢后，我們要重新安置Titanium，具體如下所示。
$ sudo ln -s /opt/Titanium_Studio/TitaniumStudio /usr/local/bin/TitaniumStudio
在我們頭一次運行Titanium SDK之前，必須為Titanium建立一個構(gòu)建目錄（build directory）。通常我在/home目錄中有一個名為“builds”的文件夾（下面另有子文件夾），存放著我的所有項目。不妨先建立一個構(gòu)建目錄。
$ mkdir ~/builds
構(gòu)建目錄建立完畢后，啟動Titanium。
$ TitaniumStudio
用你在下載Titanium過程中創(chuàng)建的那個用戶帳戶登錄上去，瀏覽至你的構(gòu)建目錄。
Titanium SDK的工作窗口連接到你之前創(chuàng)建的帳戶。它提供了豐富的信息和大量的幫助。在左邊，我們可以選擇是創(chuàng)建一個新項目還是導入舊項目。就該教程而言，我們將創(chuàng)建一個新項目，于是選擇“Create Project”（創(chuàng)建項目）選項卡。
在新項目窗口中，我們可以在多個模板之間進行選擇。我們將為本教程選擇默認的項目模板。
之后，我們就要為項目命名了。輸入應用程序編號（app id）和公司URL。應用程序編號與公司URL正好反過來，以.appname結(jié)尾。我們網(wǎng)站的URL是http://xmodulo.com，應用程序名為“firstapp”。這樣一來，我們的應用程序編號是“com.xmodulo.firstapp”。
就命名的項目而言，我們需要選擇安卓組件。我通常選擇所有安卓組件。
Titanium會下載和配置所有需要的組件，另外還會更新舊的組件。下載和安裝安卓組件后，Titanium會為我們的項目自動打開一個工作窗口。
工作窗口包括兩個選項卡：app.js和應用程序編輯器。app.js用于編寫代碼，應用程序編輯器窗口則用于提供應用程序信息。
Titanium建立起來后，我們不妨在app.js窗口中創(chuàng)建一些簡單的代碼，了解Titanium的基本元素。
Titanium中最重要的元素就是窗口元素。窗口其實一點也不復雜。你可以把窗口視作開發(fā)成果的容器。就某一個應用程序而言，你可以添加一個或多個窗口。下一個重要元素就是視圖元素，這個長方形可容納其他元素，比如HTML中的標記。重要元素還有標記組和標記。它們又是如何工作的呢？每個標記組都含有一個或多個標記，而每個標記控制多個窗口。
構(gòu)建簡單的應用程序
在教程的這個部分，我們將構(gòu)建一個簡單的應用程序，它只有主要的元素。首先，不妨指定一些基本方面，比如像素。像素大小并不采用標準的px標注，而是采用百分比，而且需要寫成字符串。
- top,20,
- width:"50%"
至于顏色，我們并不使用名稱，因為它們采用十六進制RGB顏色碼。
- backgroundColor:"#f00",
- borderColor:"#87C8FF"
現(xiàn)在使用函數(shù)Titanium.UI.createWindow，我們就能構(gòu)建***批窗口，稍微詳細地闡述一下。
- var win1 = Titanium.UI.createWindow({
- title:'Tab 1',
- backgroundColor:'#fff'
- });
這個代碼意味著什么？它表明，我們將含有所有屬性的一個變量傳遞給createWindows函數(shù)。那些元素背后的邏輯很簡單。
tagGroup是應用程序的根，不能包含在其他一些元素中。它含有標記，每個標記又含有自己的窗口。不妨把這一切都結(jié)合起來，構(gòu)建成一個演示窗口、標記和視圖的簡單應用程序。
- // 創(chuàng)建標記組
- var tabGroup = Titanium.UI.createTabGroup();
現(xiàn)在，不妨創(chuàng)建一些窗口和標記。
- // 創(chuàng)建基本的UI標記和窗口
- var win1 = Titanium.UI.createWindow({
- title:'I am Window 1.',
- backgroundColor:'#fff'
- });
- var tab1 = Titanium.UI.createTab({
- icon:'KS_nav_views.png',
- title:'Tab 1',
- window:win1
- });
- var win2 = Titanium.UI.createWindow({
- title:'I am Window 2',
- backgroundColor:'#fff'
- });
- var tab2 = Titanium.UI.createTab({
- icon:'KS_nav_views.png',
- title:'Tab 2',
- window:win2
- });
之后，我們不妨將所有這些連接成一個整體。
- // 添加標記
- tabGroup.addTab(tab1);
- tabGroup.addTab(tab2);
- // 打開標記組
- tabGroup.open();
我們編寫好代碼后，就需要定義其外觀。為此，我們要使用標簽元素。有了這個標簽元素，我們就可以為應用程序添加背景墻紙，定義原生字體和顏色。另外，它還允許定義其他元素的外觀。我們將為開發(fā)的這個應用程序定義窗口元素的外觀。不妨為我們的應用程序構(gòu)建一個簡單的標簽元素。
- var label1 = Titanium.UI.createLabel({
- color:'#999',
- text:'I am Window 1',
- font:{fontSize:20,fontFamily:'Helvetica Neue'},
- textAlign:'center',
- width:'auto'
- });
整個源代碼又是什么樣子呢？
- // 創(chuàng)建標記組
- var tabGroup = Titanium.UI.createTabGroup();
- // 創(chuàng)建基本的UI標記和根窗口
- var win1 = Titanium.UI.createWindow({
- title:'Tab 1',
- backgroundColor:'#fff'
- });
- var tab1 = Titanium.UI.createTab({
- icon:'KS_nav_views.png',
- title:'Tab 1',
- window:win1
- });
- var label1 = Titanium.UI.createLabel({
- color:'#999',
- text:'I am Window 1',
- font:{fontSize:20,fontFamily:'Helvetica Neue'},
- textAlign:'center',
- width:'auto'
- });
- win1.add(label1);
- var win2 = Titanium.UI.createWindow({
- title:'Tab 2',
- backgroundColor:'#fff'
- });
- var tab2 = Titanium.UI.createTab({
- icon:'KS_nav_views.png',
- title:'Tab 2',
- window:win2
- });
- var label2 = Titanium.UI.createLabel({
- color:'#999',
- text:'I am Window 2',
- font:{fontSize:20,fontFamily:'Helvetica Neue'},
- textAlign:'center',
- width:'auto'
- });
- win2.add(label2);
- // 添加標記
- tabGroup.addTab(tab1);
- tabGroup.addTab(tab2);
- // 打開標記組
- tabGroup.open();
這就是我們這個簡單的應用程序在安卓模擬器中運行時呈現(xiàn)的樣子。
這段代碼短小又簡單，卻是一個很好的起點，可以趁機開始體驗跨平臺開發(fā)。
英文原文：http://xmodulo.com/develop-cross-platform-mobile-apps-linux.html
布加迪編譯
