App的疏导页是当用户第一次关上一款App时所展现的3-5精美的图片,用于告知用户产品的性能及特点。好的疏导页会促使用户对产品减少更多的趣味,当然这是UI设计的能力体现了,只管很多人都会疾速的滑过。对于开发人员怎么去增加这几张图片只有在用户第一次关上app时展现呢。

其实原理很简略,在本地设置标识flag,默认为false,从而进入疏导页,进入之后,flag设置为true,下次进入天然不会展现的;当然这个疏导页能够设置为一个页面,用轮播图搁置几张疏导页;只有不革除本地的flag缓存,则疏导页只会呈现一次;

以uniapp开发的我的项目为例:在onLaunch函数中,查看flag是否为false,如果为false,则跳转到疏导页面,在疏导页中可设置跳转到首页。留神,最好用reLaunch,防止,用户物理按键返回;为true,则存储flag到本地。原理既是如此;然而理论开发时,会发现,存在闪屏景象,这样用户的体验就不太好,所以比拟要害的中央就在于这块,还是以uniapp为例,须要在uniapp的源码视图下将splashscreen的设置进行批改,将autoclose改为false,在onLaunch中通过设置延迟时间调用plus.navigator.closeSplashscreen办法来敞开启动图。delay设置为0。这样启动图的设置就ok了。
以下封装了查看是否进入疏导页的办法,仅供参考下:

guidePage(){    try {         // 获取本地存储中launchFlag标识         console.log(uni.getStorageSync('first_flag'))         if(!uni.getStorageSync('first_flag')){//第一次进入app,为false            // 进入疏导页            uni.reLaunch({                url:'/pages/GuidePage/GuidePage',            })        }    } catch(e) { //error        // 设置为true        uni.setStorageSync('first_flag', true);    }}

Tip: 在屡次的利用中发现,如果在手机自身比拟卡的状况下,用户在第一次开启app时,还是会存在首页在疏导页之前呈现,这种状况的解决形式是将疏导页默认设置为主页,即在路由治理中,将疏导页写在第一个,而后通过flag去判断是否跳转到首页;
以上的疏导页开发只是提供一种思路,还有很多其余的形式,比方后端去管制是否展现疏导页,疏导页的动态变化。当然问题自身不难实现,关键在于理论利用时所存在的问题。