Tôi đang phát triển một ứng dụng lai với các plugin ionic-framework và Cordova. Họ hỏi tôi màn hình giật gân trên cả hai hệ điều hành (iOS và Android) có một hình ảnh động nhỏ. Tôi tưởng tượng một GIF nhưng không phải nếu bạn có thể tải một màn hình GIF như giật gân. Hoặc nếu có một plugin cho việc này.Tệp GIF trong màn hình giật gân Ionic
Bạn có thể thực hiện theo cách này mà không cần sử dụng plugin. More information is available here.
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/app.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);
});
});
Xin chào Trong trường hợp của tôi, sẽ cho rằng tôi thực hiện bạn mã: -Đây Splash nạp, - trang ListCtrl sẽ hiển thị cho thời gian ngắn (milli giây) - tùy chỉnh splash hiển thị màn hình - Danh sách Ctrl trang hiển thị. – Bassam
Nếu bạn muốn bao gồm trong gif màn hình của bạn sau đó bạn có thể tham khảo liên kết này http://droid-blog.net/2011/10/14/tuto rial-how-to-use-animated-gifs-in-android-part-1/ –
Xin chào, hãy chia sẻ câu trả lời nếu bạn có thể đạt được nó. –