6

私は現在、Phone Gap を使用した比較的単純なデータ キャプチャ iPad アプリの初期段階で開発者と協力しています。機能的にUIから、アプリは本質的に次のとおりです。

  • 5 データ取得「ページ」
  • 各ページを参照する 5 つのセレクターを備えた上部のナビゲーター バー
  • アプリをロードすると、ページ 1 にいて、左にスワイプすると通常のスライド アニメーションが表示され、ページ 2 に移動します。
  • セレクターの 1 つをクリックすると、スライド アニメーションが開始され、そのページに移動します。
  • ページには、単純なデータ入力フィールド、画像、スライダーなどがあります。このテストの目的で、これらをすべて削除し、各ページにプレースホルダー フィールドを 1 つだけ配置しました。

現時点で私たちが克服するのに苦労している重要な問題は、(ナビゲーターでスワイプまたは選択して) 別のページに移動するたびに、遷移が開始されて新しいページが表示されるまでに 1 ~ 2 秒の遅延があることです。ページから画像を削除しても、この 1 ~ 2 秒の遅延は存在します。この遅延を 0.5 秒未満に抑えたい、および/またはページを移動するという点で、ネイティブ アプリのように「感じる」ようにしたいと考えています。

技術的なレベルから、これはアプリケーションの構成要素です:-

  • JQM 1.2.0
  • 1.8.2 までのさまざまな jQuery バージョン
  • Web 2.0 (HTML5、CSS3、jScript)
  • WebKit
  • 現在、複数ページの単一ファイルを使用しています(ただし、複数ページを試してみましたが、違いはありません)
  • ハードウェア アクセラレーション、WebKit の微調整、同時遷移
  • 多数の JQM & jQuery プラグイン

PhoneGap と iOS アプリの開発は初めてです。私たちはこの速度の遅れを乗り越えるための方法を研究し続けており、知りたいです:-

  1. このようなアプリを開発し、ページの切り替え/スワイプをスムーズかつほぼネイティブに行うことができた人はいますか? (そして、間違いなく 1 秒未満の遅延)
  2. ページの切り替え速度を大幅に改善するための信頼できるヒントや方法はありますか?
  3. 私たちが見ているものがおそらく PhoneGap で開発するときに得られる最高のものであると強く感じている人はいますか?もしそうなら、主に Web テクノロジを使用し、Xcode の知識を必要とせず、これよりも視覚的に優れた代替手段はありますか? ?

この遅延と動きの鈍さを修正する方法がない場合は、Phone Gap を放棄してネイティブ ソリューションを検討する必要があるかもしれません。状況。スタック オーバーフローへの初めての投稿をサポートしていただき、誠にありがとうございました。

4

2 に答える 2

4

jQuery Mobile はデフォルトでタップ イベントに 300 ミリ秒の遅延を追加します。ダブルタップやスワイプなどをリッスンします。これらのタイプのイベントを使用していない場合は、FastClick (このスレッドで入手可能) を組み込むことを検討してください。これにより、PhoneGap/jQueryMobile アプリで速度の問題が解決されました。

于 2012-11-20T16:04:40.273 に答える
3

個人的な意見はここまで。jQuery モバイルをネイティブに感じさせようとしてもうまくいきませんでした。ページ遷移を処理するため、およびアプリの基本フレームワークとしてApp-UIというフレームワークを使用します (このフレームワークは非常に軽量です)。次に、純粋な CSS を使用して UI を設計します。(これにより、アプリがよりネイティブに感じられます。CSS3 を使用してトランジションを処理してみてください)。

https://github.com/triceam/app-UI

これには、次のような他の依存関係が必要です。

繰り返しますが、これは私自身の意見です。これは、ネイティブな感じのモバイルアプリを開発する際に私にとって最も効果的だったものです.

于 2012-11-01T16:31:08.487 に答える