2011-11-20 61 views
2

我有關於PhoneGap的基本架構設計的一個問題:的PhoneGap - 建築設計

1. PhoneGap的項目包含控制應用程序的流程和功能的「的index.html」文件。

如果我需要實現一個包含4個選項卡的應用程序,總體思路是創建4個類,每個選項卡一個,爲其視圖分配一箇中間部分(上部和下部是靜態條)並更改它每次點擊事件發生在標籤欄上(底部欄)。

我應該把所有東西都塞進一個巨大的index.html文件或者使用幾個html文件,但是當項目通過Phonegap進行部署時(因爲部署需要一個html文件),我怎麼能上傳多個然後一個文件。

2.我可以通過創建(和部署)一個完整的phonegap項目的例子得到一個很好的解釋。

感謝,阿薩夫

回答

0

請與本文稱爲 'get started Guild' 爲PhoneGap的經歷。您可以在5個移動平臺sdk中設置Phonegap。

現在的PhoneGap運行在HTML,CSS和JavaScript,所以你需要熟悉的HTMLcssjavascript並且是有可能建立在你的應用程序的多個HTML頁面,導航從一個HTML網頁到另一個你只需要從你的index.html中調用js方法window.location,這是phonegap應用程序的默認主html頁面。

您可以在iPhone上使用2種方式專門打造的PhoneGap底部標籤欄,你可以叫nativeUITabBarController,也可以使用HTML,JS和CSS定製底部的TabBar,這樣可以爲許多平臺上有用。

有可用於移動不錯的js插件的數量,你可以在PhoneGap的輕鬆集成像sencha touchJQTouchjQuery Moblie

下面的鏈接將幫助您在phonegap- http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap

設置煎茶

如果你有興趣整合sencha框架請下載sencha框架
演示 - http://dev.sencha.com/deploy/touch/examples/kitchensink/

如果您有興趣JQtouch,你可以找到有用的代碼here
演示 - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

感謝,
MAYUR

2

通過這一連接剛來,雖然很老的問題,回答這裏以後的遊客的利益..

的PhoneGap /科爾多瓦的應用程序可以寫成兩個版本

  1. 單頁應用(基於AJAX ,1個html文件(索引。HTML)+無JS的,CSS,資源)
  2. 多頁應用(多個HTML頁)

從我的經驗,我建議,去爲單頁應用策略,原因,它擁有多頁應用中有許多性能優勢,如下的多頁應用 缺點

  1. 缺點由於網頁之間的轉換

    • 閃爍,當頁面加載和卸載
    • 失去記憶在JavaScript中的任何空白屏幕。(圖書館,收集的數據)
  2. PhoneGap的JavaScript庫應該包含在每個頁面上使用的PhoneGap蜜蜂。

    • 現在,這個希望有DeviceOnReady觸發的事件的每一頁,這將在應用程序,它是極不可取招致
      大幅延遲。
  3. 蘋果AppStore(黑暗巨人白)

    • 的任何應用程序看起來或行爲類似的網站將被拒絕,但在礦井所有應用展示「基於Web的蘋果的iOS人機界面指南明確規定設計「將被拒絕。

建議的框架來構建酷單頁(UI + PhonegGap)應用

  1. 煎茶觸摸2.x中,這是非常全面的移動架構,完全基於

HTML5,CSS,JS也提供內置的MVC也開箱存儲,所以它的MVCS

M - Model 
V - View 
C - Controller 
S - Store 

看看http://www.sencha.com/products/touch/

+0

誰是Sencha免費? –