【小程序】小程序细节:场景值的使用

1.根据场景值变更页面部分显示效果

小程序中场景值是用来描述用户进入小程序的路径,通过不同的场景值ID来分辨小程序来自于哪个场景或处于哪个场景之中。

场景值列表:

https://developers.weixin.qq.com/miniprogram/dev/reference/scene-list.html

在小程序中,可以通过以下三种方式获取场景值:

  • App的onLaunch
  • App的onShow
  • wx.getLaunchOptionSync()

 场景值有什么作用?

以羊城通乘车码为例:

正常进入小程序找到乘车记录时,navbar左侧显示一个箭头,表示可以返回上一页

当我们从微信的服务通知点击进入羊城通小程序时,是立即展示乘车记录的,那这时候navbar左侧还应该显示返回箭头吗?这时是没有上一页的呀,所以不应该显示返回箭头。 不仅不应该显示箭头,还应该让用户可以通过服务通知进入到小程序内部。

注:服务通知即模板消息

所以这时候可以考虑使用场景值来判断小程序从什么场景进入:

从小程序场景值列表中得知小程序模板消息对应场景值是1014,那么通过wx.getLaunchOptionSync()在onShow方法中获取场景值来判断navbar左侧应该显示什么图标

 所以,从服务消息点击进入羊城通,结果是这样:

并且可以点击home图标可以进入小程序首页以方便用户快速使用

这里只是以羊城通为示例作说明。

移动端看起来很小,却处处充满细节。

猜你喜欢

转载自blog.csdn.net/THcoding_Cat/article/details/108898744