前言:
寫這篇文章的主要目的不是為了講如何實現(xiàn)APP引導(dǎo)頁面的界面揪垄。
主要是要講在ionic1的APP中怎樣控制引導(dǎo)頁面出現(xiàn)的時機(jī)皇拣!
界面實現(xiàn)
對于APP引導(dǎo)頁面严蓖,一般常規(guī)的操作都是用ion-slide-box或者ion-slides來實現(xiàn)。
這一點并沒有太多可講的內(nèi)容氧急,直接略過颗胡。
時機(jī)把握
APP引導(dǎo)頁面的最大的功能就是提前告訴用戶,某個版本更新的時候在我們的APP中發(fā)生了哪些比較值得注意的事情态蒂。
但是并不是每個版本更新的內(nèi)容都需要告訴用戶杭措,因為有的時候我們更新的僅僅只是一些bug的修復(fù)或者一些小的用戶體驗的優(yōu)化。
既然是要吸引用戶的注意力钾恢,要提前告訴用戶手素,那么引導(dǎo)頁面就應(yīng)該在第一時間出現(xiàn)在用戶的眼前。
不是每個版本更新都會出現(xiàn)引導(dǎo)頁面
到代碼層面實現(xiàn)的思路其實很簡單瘩蚪,給引導(dǎo)頁面加一個版本號即可泉懦。
在緩存(一般用localStorage)里面加入一個緩存的版本號,然后再在代碼里面加入一個當(dāng)前需要更新的版本號即可疹瘦。
首先判斷緩存版本號有沒有值崩哩,如果沒有值那肯定是要顯示引導(dǎo)頁面的的。
如果緩存版本號有值,并且緩存版本號的值比當(dāng)前版本號要小邓嘹,那么也是要顯示引導(dǎo)頁面的酣栈。
顯示引導(dǎo)頁面的時候,需要用當(dāng)前版本號去覆蓋緩存版本號汹押。
引導(dǎo)頁面應(yīng)該在所有頁面出現(xiàn)之前出現(xiàn)
一開始的時候矿筝,把跳轉(zhuǎn)引導(dǎo)頁面的代碼加在首頁上,當(dāng)首頁開始加載的時候就進(jìn)行判斷是否需要跳轉(zhuǎn)棚贾。
得到的結(jié)果是會先看到首頁窖维,然后再跳轉(zhuǎn)到引導(dǎo)頁面,頁面出現(xiàn)的順序不對妙痹。
然后經(jīng)過多方查找發(fā)現(xiàn)铸史,正確的姿勢是把相關(guān)的代碼放到app.js中的.run模塊里面去。
.run(['$ionicPlatform', '$state'], function('$ionicPlatform', '$state'){
shouldShowAppGuidePage ? $state.go('AppGuidePage') : $state.go('HomePage')
})
最后的建議
- APP引導(dǎo)頁面雖好怯伊,但不要過度使用琳轿;
- APP引導(dǎo)頁面上的大圖片建議放在項目中,不建議放在服務(wù)器上震贵。