Bir telefongap uygulamasına birkaç ng görünümlü animasyon (açısal v 1.1.5) ekledim. Hem dalga kullanarak hem de cep telefonunun tarayıcısını işaret ederken (bu durumda android kromu) uygulamayı internete yüklerken tarayıcıda harika çalışırlar, ancak telefona yüklendiklerinde animasyonlar çalışmaz. Sorun telefon gap veya açısal ile olup olmadığından emin değilim. İlk başta sadece çok hızlı bir animasyon olduğunu düşündüm, bu yüzden onları 1,5 saniyeye düşürdüm ama uygulamada bir değişiklik yapmadı.Açısal Animasyonlar ve Phonegap cep telefonunda çalışmıyor
Bu bir telefon açığı sorunu mu, açısal bir konu ve/veya bunları nasıl kullanabiliriz?
CSS tanımlanan animasyon:
.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;
}
Yine bu o PhoneGap uygulamanın içinden sadece değilken, telefonun tarayıcısında sorunsuz şekilde çalışır. Uygulamayı oluşturmak için Adobe derlemesini kullanmak. Ben de css alıyorum ve sadece gerçek css dosyasının phonegap derlemesine dahil olduğunu doğrulamak için sayfada görüntüleniyor (öyle).
Kullanıcının yorumlarından biri uyarınca, işte HTML. Gerisi açısal varsayılan animasyonlar tarafından ele alınır. Bir tarayıcıda çalıştırılırken iyi çalışırlar, ancak telefonun içinde koşarken değil. Yönlendirme işleri, ng görünümü değişti, ancak animasyon asla oluşmaz.
<div class="container-fluid" id="viewer" ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}" >
</div>
Hangi platformdasınız? IOS veya Android? –
Önceden yapılmış bir css çözümü kullanarak sona erdi - en az IOS üzerinde http://daneden.me/animate/ Works harika. –
@AdamWare Android 4.2'de test ettim, özellikle bir nexus 4. – lucuma