古詩詞大全網 - 成語用法 - uniapp開發App引導頁

uniapp開發App引導頁

App的引導頁是當用戶第壹次打開壹款App時所展示的3-5精美的圖片,用於告知用戶產品的功能及特點。好的引導頁會促使用戶對產品增加更多的興趣,當然這是UI設計的能力體現了,盡管很多人都會快速的滑過。對於開發人員怎麽去添加這幾張圖片只有在用戶第壹次打開app時展示呢。

以uniapp開發的項目為例:在onLaunch函數中,檢查flag是否為false,如果為false,則跳轉到引導頁面,在引導頁中可設置跳轉到首頁。註意,最好用reLaunch,避免,用戶物理按鍵返回;為true,則存儲flag到本地。原理既是如此;但是實際開發時,會發現,存在閃屏現象,這樣用戶的體驗就不太好,所以比較關鍵的地方就在於這塊,還是以uniapp為例,需要在uniapp的源碼視圖下將splashscreen的設置進行修改,將autoclose改為false,在onLaunch中通過設置延遲時間調用plus.navigator.closeSplashscreen方法來關閉啟動圖。delay設置為0。這樣啟動圖的設置就ok了。

以下封裝了檢查是否進入引導頁的方法,僅供參考下:

Tip:在多次的應用中發現,如果在手機本身比較卡的情況下,用戶在第壹次開啟app時,還是會存在首頁在引導頁之前出現,這種情況的處理方式是將引導頁默認設置為主頁,即在路由管理中,將引導頁寫在第壹個,然後通過flag去判斷是否跳轉到首頁;

以上的引導頁開發只是提供壹種思路,還有很多其他的方式,比如後端去控制是否展示引導頁,引導頁的動態變化。當然問題本身不難實現,關鍵在於實際應用時所存在的問題。