2015-07-10 21 views
10

İyonik çerçeve ve Cordova eklentileri ile karma bir uygulama geliştiriyorum. Her iki işletim sistemindeki (iOS ve Android) giriş ekranının küçük bir animasyonu olduğunu sordular. Bir GIF hayal ediyorum ama bir GIF'i açılış ekranı olarak yükleyebiliyorsan değil. Ya da bunun için bir eklenti varsa.GIF Dosyası Açılış Ekranı İyonik

+0

app.js Ekranınızı daha sonra http://droid-blog.net/2011/10/14/tuto adresinden alabilirsiniz. rial-how-to-use-canlandırılmış-gif-in-android-part-1/ –

+0

Merhaba, bunu başardıysanız lütfen cevabı paylaşın. özel açılış ekranı göstermek - - Liste Ctrl sayfa gösterisi kısa sürede (mili saniye) için gösterecektir listctrl sayfasını - -Bu Splash yüklü : –

cevap

5

Bu yolla eklentileri kullanmadan yapabilirsiniz. More information is available here. İçinde gif eklemek istiyorsanız

HTML

<body> 
     <div id="custom-overlay"><img src="http://cdn.osxdaily.com/wp-content/uploads/2013/07/dancing-banana.gif"></div> 
     <!-- Here comes rest of the content --> 
    </body> 

www/css/style.css

#custom-overlay { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 100; 
    background-color: #fe201f; 
} 

#custom-overlay img { 
    display: block; 
    margin: 0 auto; 
    width: 60%; 
    height: auto; 
} 

www/js/

.run(function($ionicPlatform, $state, $cordovaSplashscreen) { 
     $ionicPlatform.ready(function() { 
     if(navigator.splashscreen) { 
     $cordovaSplashscreen.hide(); 
     } 
     }); 
    }); 

.controller('ListCtrl', function($scope) { 
    $scope.$on('$ionicView.afterEnter', function(){ 
    setTimeout(function(){ 
     document.getElementById("custom-overlay").style.display = "none";  
    }, 3000); 
    }); 
}); 
+0

Merhaba Benim durumumda , sana kod uygulamak üstlenecek. – Bassam