启动屏幕 Ionic 中的 GIF 文件
Posted
技术标签:
【中文标题】启动屏幕 Ionic 中的 GIF 文件【英文标题】：GIF File in splash screen Ionic 【发布时间】：2015-09-29 17:21:11 【问题描述】：我正在开发一个带有离子框架和 Cordova 插件的混合应用程序。他们问我两个操作系统（ios 和 android）上的启动画面都有一个小动画。我想象一个 GIF，但如果您可以将 GIF 加载为启动屏幕，则不会。或者如果有这个插件。
【问题讨论】：
如果您想在屏幕中包含 gif，可以参考此链接 droid-blog.net/2011/10/14/… 您好，如果您能够实现，请分享答案。 【参考方案1】：您可以在不使用插件的情况下做到这一点。 More information is available here.
<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);
);
);
【讨论】：
您好，在我的情况下，假设我实现了您的代码：-此 Splash 已加载，-ListCtrl 页面将在短时间内显示（毫秒）-自定义启动屏幕显示-List Ctrl 页面显示。跨度>以上是关于启动屏幕 Ionic 中的 GIF 文件的主要内容，如果未能解决你的问题，请参考以下文章