微信小程序新手教程之navigation API

　　微信小程序新手教程之navigation API，本篇默认已经成功安装微信小程序工具，来和小编一起看看吧

　　navigation API

　　演示效果也看到了小程序也就提供这几个处理导航控制。值得注意的是只能同时导航五个页面

　　主要属性：

　　导航条一些方法

　　wx.setNavigationBarTitle(object) 设置导航条的Title

　　导航标题可以通过三种方式设置，第一种是通过全局配置名字统一，第二种就是在page中新建个json文件配置它会覆盖全局配置的title，第三种就是通过API设置。

　　wx.showNavigationBarLoading()设置在导航条上显示Loading加载状态

　　wx.hideNavigationBarLoading() 隐藏Loading加载状态

　　导航视图的一些方法

　　wx.navigateTo() 保留当前页面进行跳转，传参时就像拼接GET参数一样即可，代码中会有体现

　　wx.redirectTo() 销毁当前页面进行跳转，

　　wx.navigateBack() 返回上一个页面

　　wxml

　　设置navigationBarTitle

　　设置navigationBarLoading加载状态

　　隐藏navigationBarLoading加载状态

　　保留当前页跳转

　　不保留当前页面跳转

　　退回到上一个页面

　　json

　　{

　　"navigationBarTitleText": "我是通过json配置的title"

　　}

　　js

　　//导入另一个页面

　　var file = '../audio/audio'

　　Page({

　　data:{

　　text:"Page navigation"

　　},

　　onLoad:function(options){

　　// 页面初始化 options为页面跳转所带来的参数

　　},

　　/**

　　* 设置NavigationTitle

　　*/

　　setNavigationBarTitle: function() {

　　wx.setNavigationBarTitle({

　　title: '我是通过API设置的NavigationBarTitle'

　　})

　　},

　　/**

　　* 设置加载状态

　　*/

　　showNavigationBarLoading: function() {

　　wx.showNavigationBarLoading()

　　},

　　/**

　　* 隐藏加载状态

　　*/

　　hiddenNavigationBarLoading: function() {

　　wx.hideNavigationBarLoading()

　　},

　　/**

　　* 保留当前Page跳转

　　*/

　　navigateTo: function() {

　　wx.navigateTo({

　　//传递参数方式向get请求拼接参数一样

　　url: file + '?phone=18939571&password=1992',

　　success: function(res) {

　　console.log(res)

　　},

　　fail: function(err) {

　　console.log(err)

　　}

　　})

　　},

　　/**

　　* 关闭当前页面进行跳转当前页面会销毁

　　*/

　　redirectTo: function() {

　　wx.redirectTo({

　　//传递参数方式向get请求拼接参数一样

　　url: file + '?phone=189395719&password=1992'

　　})

　　},

　　/**

　　* 退回到上一个页面

　　*/

　　navigateBack: function() {

　　wx.navigateBack()

　　},

　　onReady:function(){

　　// 页面渲染完成

　　},

　　onShow:function(){

　　// 页面显示

　　},

　　onHide:function(){

　　// 页面隐藏

　　},

　　onUnload:function(){

　　// 页面关闭

　　}

　　})

　　下面就跟大家推荐一个有趣好玩的微信小程序：嗨图

　　嗨图功能

　　1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。

　　2、分享墙——用户上传的自己DIY作品。

　　3、立即制作——可以用自己的图来DIY。

　　4、告诉我——告诉产品的改进，内容的增加。

　　想要体验怎么制作属于自己个性朋友圈照片的用户，扫一扫下面的二维码就可以啦!还等什么，赶紧扫码体验，开启你的嗨图之旅吧!