ionic1開發(fā)之APP引導(dǎo)頁面

前言:

寫這篇文章的主要目的不是為了講如何實現(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')
})

最后的建議

  1. APP引導(dǎo)頁面雖好怯伊,但不要過度使用琳轿;
  2. APP引導(dǎo)頁面上的大圖片建議放在項目中,不建議放在服務(wù)器上震贵。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末利赋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子猩系,更是在濱河造成了極大的恐慌媚送,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寇甸,死亡現(xiàn)場離奇詭異塘偎,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)拿霉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進(jìn)店門吟秩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人绽淘,你說我怎么就攤上這事涵防。” “怎么了沪铭?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵壮池,是天一觀的道長。 經(jīng)常有香客問我杀怠,道長椰憋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任赔退,我火速辦了婚禮橙依,結(jié)果婚禮上证舟,老公的妹妹穿的比我還像新娘。我一直安慰自己窗骑,他們只是感情好女责,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著慧域,像睡著了一般鲤竹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上昔榴,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機(jī)與錄音碘橘,去河邊找鬼互订。 笑死,一個胖子當(dāng)著我的面吹牛痘拆,可吹牛的內(nèi)容都是我干的仰禽。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼纺蛆,長吁一口氣:“原來是場噩夢啊……” “哼吐葵!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起桥氏,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤温峭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后字支,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凤藏,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年堕伪,在試婚紗的時候發(fā)現(xiàn)自己被綠了揖庄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡欠雌,死狀恐怖蹄梢,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情富俄,我是刑警寧澤禁炒,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站蛙酪,受9級特大地震影響齐苛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜桂塞,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一凹蜂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦玛痊、人聲如沸汰瘫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽混弥。三九已至,卻和暖如春对省,著一層夾襖步出監(jiān)牢的瞬間蝗拿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工蒿涎, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留哀托,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓劳秋,卻偏偏與公主長得像仓手,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子玻淑,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,071評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫嗽冒、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,093評論 4 62
  • 很多產(chǎn)品补履,往往需要去考量如何去收費添坊。一個產(chǎn)品的定價首先是從成本開始考量,那如何考量一款產(chǎn)品的基本成本干像?1帅腌、運維的成...
    腳下日月閱讀 936評論 0 4
  • 昨天看到弘南老師發(fā)的一篇文章,講霧霾的形成和放鞭炮并無關(guān)系麻汰。霧是空氣中的濕氣速客,霾是工業(yè)廢棄中產(chǎn)生的有害顆粒。放鞭炮...
    快樂的學(xué)徒閱讀 404評論 0 0
  • 子文走了,永遠(yuǎn)不會再回來了位喂。 第一次見到你浪耘,是在百貨五樓,那時你還在讀大學(xué)塑崖,我和昊龍等人在臺球房玩七冲,你過來見...
    攝驢風(fēng)蕭閱讀 181評論 0 0