【小(xiǎo)編推薦】phonegap啓動歡迎引導頁

2014-07-02 &nbs±€ ≤p; |   發布者:梁國(guóβ✘)芳   |&nbs∑ αp;  查看(kàn):3320次

app開(kāi)發
 對(duì)一(yī)個(gè)新的(de)app,一(y₹¶ī)般情況都(dōu)會(huì)添加一γΩ(yī)個(gè)介紹和(hé)歡迎的(φ'de)頁面來(lái)告訴用(yòng)戶app≤₩的(de)功能(néng)和(hé)新的(de)特φ​性。

那(nà)麽在phonegap項目裡(lǐ)面如(rú)何添加這(zhè)₹♣樣個(gè)引導歡迎頁。

 

這(zhè)裡(lǐ)需要(yào)注意的(de)是(sπ‌​hì)隻有(yǒu)app第一(yī)次打開(kāi)±✔γ™的(de)時(shí)候才會(huì)有(yǒu),其他(tā)≠σ 時(shí)候打開(kāi)時(shí)不(bù)會(huì)出現♥♥¶(xiàn)。

所以這(zhè)裡(lǐ)我用(yòng)到(dào)了δ ™≥(le)html5的(de)localStorage。

接下(xià)來(lái)看(kàn)我如(rú)何實≈∏≈現(xiàn)的(de)。

 

1.需要(yào)準備一(yī)個(gè)打開(kāi)app時(shí)顯示∑♣₩≥的(de)頁面,我這(zhè)邊用(yòng)一(yī)個(gè)l₹φ↕ogo.html來(lái)展示app的(de)介紹圖用(yòng)的(dβ♥₩e)是(shì)圖片滑動。

這(zhè)裡(lǐ)面用(yòng)來(lái)iScr&∞oll插件(jiàn)。

同時(shí)在啓動這(zhè)個(gè)logo ♣©.html頁面的(de)時(shí)候設置一(yī)個(gè)storage數(shù)據。

window.localStorage.setItem(“Hom ✘eLogo”, “HomeLogo_hid₩ e”);

來(lái)判斷是(shì)否為(wèi)第一(yī)次啓動。

具體(tǐ)的(de)代碼我這(zhè)裡Ω‌(lǐ)不(bù)貼了(le),可(kě)以看(kàn)我的(de)附件($☆₹jiàn)。

 

2.其次在我們的(de)index.htm& ♣l頁面裡(lǐ)面設置一(yī)個(gè)判斷是(shì)否為(ε×wèi)第一(yī)次啓動。

這(zhè)裡(lǐ)我們需要(yào)明(míng)确的(de)是(shì≈☆¥)app啓動的(de)時(shí)候一(yī)定打開(kāi)的(>✘♦♦de)index文(wén)件(jiàn),而非logo文(wén)件(ji☆÷àn)。

所以這(zhè)裡(lǐ)我做(zuò)了(le)一(yī)個(gè)方法,在φ↑¶index文(wén)件(jiàn)一(yī)加載的(∏πde)時(shí)候來(lái)檢查HomeLogo 是(shì)否存在。

如(rú)果存在就(jiù)不(bù)做(zuβ÷ ò)處理(lǐ),如(rú)果不(bù)存在就(jiù)≠§直接跳(tiào)轉到(dào)logo文(wén)件(jiàn)£≈↔,當執行(xíng)晚上(shàng)logo文(wén)件(j≈♥$¶iàn)後,HomeLogo 文(wén)件(δλjiàn)就(jiù)有(yǒu)了(le)子(zǐ)這(zhè)♠σ‍樣下(xià)次打開(kāi)應用(yòng)就(jiù)直☆™接訪問(wèn)index文(wén)件(jiàn)。

 

   &n₽δbsp; function loaded() {
try {
var HomeLogo = window.localStorageεπ←>.getItem(“HomeLog‍✘o”);
if (HomeLogo == null) {
window.location.href = “lo®★☆σgo.html?p=1″;
}
} catch (e) {
showAlert(“設備不(bù)∞± 支持!”); // debug
}
}

具體(tǐ)的(de)業(yè)務邏輯自(zì)己可(kě)以 ε處理(lǐ)。