首页 文章

离子多个闪屏

提问于
浏览
4

我正在使用Ionic v1并使用cordova splash-screen plug-in构建应用程序 .
每次应用程序启动时,我都需要在一组固定的图像中显示启动画面 .

是否有任何方式,干净或hackish得到多个闪屏?

谢谢你的帮助 .

2 回答

  • 0

    使用Cordova Splash Screen插件是不可能的,但你可以试试这个 .

    首先,我们将创建图像数组:

    $rootScope.image = ["img1.png","img2.png"];

    并设置/重置索引以获取图像:

    if(localStorage.getItem('sliderIndex')==null || localStorage.getItem('sliderIndex')==undefined || localStorage.getItem('sliderIndex')==5) localStorage.setItem('sliderIndex',0);

    这是您的视图页面

    <img src="img/{{image[imgIndex]}}" width="100%" height="100%"/>
    

    并设置imgIndex的值:

    $scope.imgIndex = localStorage.getItem('sliderIndex');
    

    并在3秒后导航页面,增加索引值:

    $timeout(function() {
      $location.path("/app/search");
      var data = parseInt(localStorage.getItem('sliderIndex'))+1;
      localStorage.setItem('sliderIndex',data);},3000);
    
  • 1

    您必须在本地存储中保持闪屏显示的图像 .

    例如假设图像数组包含[1.png,2.png,3.png,4.png,5.png],所以如果我第一次显示1.png,那么将保存在本地存储中以及下次启动画面时出现检查本地存储并将其增加1等等......直到最后一个图像,如果在最后一个图像上再次设置第一个图像

相关问题