18

phonegap アプリにいくつかの ng-view アニメーション (angular v 1.1.5) を追加しました。リップルを使用してテストするときと、携帯電話のブラウザー (この場合は android chrome) をオンラインでアプリにポイントするときの両方をテストするときは、ブラウザーでうまく機能しますが、phonegap を使用してインストールすると、アニメーションは実行されません。問題が phonegap にあるのか、angular にあるのかはわかりません。最初はアニメーションが速すぎると思ったので、1.5 秒まで遅くしましたが、アプリに変化はありませんでした。

これは電話のギャップの問題ですか、角度の問題ですか、それともこれらをどのように使用できますか?

CSS 定義のアニメーション: 

.view-enter, .view-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}

.view-enter {
  opacity:0;

}
.view-enter.view-enter-active {

  opacity:1;
}

.view-leave {

  opacity:1;
}
.view-leave.view-leave-active {
  left:-100px;
  opacity:0;
}

繰り返しますが、これらは携帯電話のブラウザでうまく機能しますが、phonegap アプリ内では機能しません. Adobe ビルドを使用してアプリをビルドします。また、実際のcssファイルがphonegapビルドに含まれていることを確認するために、cssを取得してページに表示しています（そうです）。

ユーザーのコメントの 1 つによると、ここに HTML があります。残りは、angular のデフォルトのアニメーションによって処理されます。ブラウザで実行すると正常に動作しますが、phonegap 内で実行すると動作しません。ルーティングは機能し、ng-view は変更されますが、アニメーションは発生しません。

   <div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}" >


     </div>

Nexus 4 でテスト済み。

4

2 に答える 2

1

CocoonJS (Cordova で動作) またはCrosswalkをパスとして調べて、古い Android にデプロイするときにブラウザー関連のあらゆる種類の速度低下を高速化することができます。

于 2014-04-25T00:00:31.443 に答える
0

これは間違いなく Android 4.2 のストック ブラウザの問題です。最初の手がかりは、デスクトップと Chrome では問題なく動作するが、Phonegap では動作しないことです。InAppBrowser は Android のストック ブラウザを使用します。

Android 4.2 では、アニメーション (および一般的な HTML5) のサポートはかなりひどいものでした。これらの癖の便利な概要を次に示します。

6 月以降、Android のバージョンをアップグレードできたことを願っています。

于 2014-04-24T23:05:32.230 に答える