MUIアプリは登録ページに白い画面が表示されないようにする

4432 ワード

最近MUIでアプリを開発していて、全体的な効果は、IOSでは完璧ですが、ローエンドのAndroid携帯では、性能の問題が出てきます.個人的に一番深刻なのは、トップページです.アプリが開いた最初のページです.iOSでは、性能が高いので、基本的にスムーズに切り替えられますが、Androidでは、嫌な白い画面が出てきます.
    
今回は私の処理の論理について自分で話します.まず、私はindexを持っています.htmlページの、このページを入り口ページとして、アプリが開くと、このページに入ります.それからplusreadyでアプリが初めて起動したかどうかをチェックします.もしそうなら、ウェルカムページにジャンプして、そうでなければ、ログインページに入ります.この中には、白い画面が表示されます.アプリが初めて入ってきて、ページのロードが終わったので、白い画面が表示されます.私の処理方法は以下の通りです.
一、起動画像を設定してから、手動で起動画面を閉じます.以下のようにします.
二、indexへ.htmlページで、次のコードを追加します.
mui.plusReady(function() {
                    setTimeout(function() {
                        mui.preload({
                            id: 'html/login.html',
                            url: 'html/login.html'
                        })//      
                    }, 100);//       ,        ,     mui.int  
                    setTimeout(function() {//          ,        ,         ,200        ,    ,     。
                            /*
                             *             ,          app;
                             *   ,             ,        :
                             * 1、    ,    true
                             * 2、        
                             * http://www.html5plus.org/doc/zh_cn/storage.html#plus.storage.getItem
                             */
                            /*
                                      ,          ,               ,        
                                         ,      ,      ,        ,        。
                            */
                            var first = plus.storage.getItem("version1.3");
                            if (first) { //      ,            ,       
                                plus.navigator.closeSplashscreen();//     
                                mui.openWindow({
                                    id: "html/login.html",
                                    waiting: {
                                        autoShow: true
                                    },
                                    show: {
                                        aniShow: 'pop-in'
                                    }
                                });
                            } else { //             
                                plus.navigator.closeSplashscreen();
                                
                            }
                        }, 500)
                        
                }, false)

 
三、ここに着いたら、index.htmlは空白で、白いスクリーンの时间はとても短いですが、しかしやはり白いスクリーンを见ることができて、依然として私が我慢できないのです.だから、この中には小さなテクニックがあります.indexにいます.htmlページは、背景、この背景色、または画像を設定し、ログインページとあまり差がありません(入力ボックスやボタンを登録していない画像や背景です).これで、ホワイトスクリーンの問題はほぼ解決できます.
 
 
 
 
では、今回のチュートリアルはこれで終わります.
転載は原作者の住所と名前を保留してください(本人は無償で経験を分かち合い、有償でアプリを作成し、必要があれば連絡してください).
 
作者:南宮蕭塵
E-mail:[email protected]
日付:2016-04-03