2011-11-20 5 views
2

私はPhoneGapの基本的なアーキテクチャ設計に関する質問があります:PhoneGapの - 建築設計

1. PhoneGapのプロジェクトには、アプリケーションの流れと機能を制御「のindex.html」ファイルが含まれています。

4つのタブを含むアプリケーションを実装する必要がある場合、一般的な考え方は、各タブごとに1つずつ、そのビューの中間セクションを割り当てます(上部と下部は静的なバーです)タブバー(下のバー)でクリックイベントが発生するたびに

すべてのものを1つの巨大なindex.htmlファイルに入れるか、いくつかのhtmlファイルを使用する必要がありますが、プロジェクトがPhonegap経由でデプロイされている場合はどうすれば1つ以上のファイルをアップロードできますか?

2.完全なphonegapプロジェクトの作成(および展開)の例については、良い説明を得ることができます。

おかげで、PhoneGapのための 'get started Guild' と呼ばれるこの文書で通過アサフ

答えて

0

してください。 5つのモバイルプラットフォームsdkでPhonegapをセットアップできます。

は今のPhoneGapはHTML、CSSやJavaScriptで実行されますので、あなたはHTMLcssjavascriptに慣れる必要があるとはい、1つのHTMLページから別のものに移動するには、お使いのアプリで複数のHTMLページを作成することが可能ですphonegapアプリケーションのデフォルトのメインhtmlページであるindex.htmlからjsメソッドwindow.locationを呼び出すだけです。

あなたはnativeUITabBarControllerと呼ばれることができますiPhoneに特別に2つの方法を使用してのPhoneGapの一番下のタブバーを構築することもできますし、それは多くのプラットフォームのために便利なことができるようにHTML、JSとCSSを使って下のタブバーをカスタマイズすることができます。

は、あなたが簡単にjQuery Moblieなど

次のリンクはphonegap- http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap

で、セットアップの煎茶にあなたを助ける、 JQTouchsencha touchようPhoneGapの中に統合することができ、その移動のために利用できる良いJSプラグインの数があります

Senchaフレームワークの統合に興味がある場合は、Senchaフレームワークをダウンロードしてください
デモ - http://dev.sencha.com/deploy/touch/examples/kitchensink/

JQtouchに興味を持ってあなたは、あなたが便利なコードを見つけることができる場合here
デモ - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

おかげで、
マユール

2

だけで、その後の訪問者の利益のためにここで答え、非常に古い質問が、このリンクに出くわしました..

のPhoneGap/Cordovaのアプリケーションは、Ajaxベースの(2種類

  1. 単一ページのAppで書くことができます、1 htmlファイル(index。HTML)+ないJS、CSS、リソース)
  2. 複数ページのApp(複数のHTMLページ)

のない私の経験から、私は、お勧めのシングルページアプリケーション戦略のために行く、それはマルチアプリケーション上で多くのパフォーマンス上の利点を持っている理由だろう、によりページ

の間の遷移に複数ページアプリケーションの

短所 短所

  1. を次のように

    • フリッカーや空白の画面ページがロードおよびアンロードされたとき
    • はJavaScriptでメモリ内何かを失う。(ライブラリは、データを収集)
  2. PhoneGapのJavaScriptライブラリは、PhoneGapのを使用するすべてのページに含まれるべきですAPI。

    • さて、これはDeviceOnReadyイベントはすべてのページに対して発生していると、これは非常に望ましくないアプリで
      大幅な遅延が発生します期待しています。
  3. アップルのAppStore(ホワイトダークジャイアント)

    • に見えるか、ウェブサイトのように振る舞い、任意のアプリを拒否され、それが明示的に「ウェブベースを呈するアプリAppleのiOSのヒューマンインターフェイスガイドラインinthe記載されています「デザイン」は拒否されます。クールシングルページを構築するための

提案フレームワーク(UI + PhonegGap)のApp

  1. 煎茶タッチ2.xでは、これは完全に

に基づき、非常に包括的なモバイルフレームワークですHTML5、CSS、JSはまた、ボックスストアからも組み込みのMVCを提供するので、そのMVCS

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

見てhttp://www.sencha.com/products/touch/

+0

誰もが煎茶を無料で持っていますか? –