微信小程序开发，导航栏右边的按钮怎么设置？

1、首先打开微信开发工具，载入需要修改的小程序工程。

2、然后打开app.json页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色。

3、然后在list中设置两个标签，其中使用pagePath和text填写一下点击跳转的路径和选项的名字。

4、最后填写点击前的图标和点击后的图标，这里每个选项用两个颜色图标，可以去找矢量图，尺寸大约在64像素左右，其中iconPath为点击前的图标，而selectedIconPath为点击后的图标。

5、最后设置好后，在左侧的预览就可以看到菜单的样式了：

设置导航栏

导航栏TabBar

如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

Tip： 通过页面跳转（wx.navigateTo）或者页面重定向（wx.redirectTo）所到达的页面，即使它是定义在 tabBar 配置中的页面，也不会显示底部的 tab 栏。

tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

属性值：

示例：

app.json：

运行：

微信小程序教程系列

相关连接：http://blog.csdn.net/michael_ouyang/article/details/54700871

onShareAppMessage(Object object)

官网是这样说的

（一）在我们自己的项目内，对应的js文件中这样写，一般在生成小程序文件的时候默认会显示这样的语句：

那么，在我们小程序界面右上角菜单就会显示“转发”按钮：

（二）除了默认的方法外，我们还可以自定义转发的标题与内容，此事件处理函数需要 return 一个 Object，用于自定义转发内容：

实现：

（三）一般为了引导用户的转发，我们还会在界面上设置转发按钮，比如“分享给好友”

（按钮样式还是需要自己调整的）

这时候d出的内容则跟我们右上角菜单的“转发”行为一致。

官方Tips

1.不自定义转发图片的情况下，默认会取当前页面，从顶部开始，高度为 80% 屏幕宽度的图像作为转发图片。

2.转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发

3.只有转发到群聊中打开才可以获取到 shareTickets 返回值，单聊没有 shareTickets

4. shareTicket 仅在当前小程序生命周期内有效

5.由于策略变动，小程序群相关能力进行调整，开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。

6.微信7.0.12开始，支持群主转发小程序时同时把消息设为该群的群待办消息，群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息，都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改 toDoActivityId 属性可以把多个待办消息聚合为同一个，即转发相同 toDoActivityId 的群待办消息，只会出现一个待办消息气泡。 toDoActivityId 需要在转发前通过 updatableMessage.createActivityId 接口创建。

（四）另外关于转发，官方还提供了其他几个API方法：

1）wx.updateShareMenu(Object object)：更新转发属性

2）wx.showShareMenu(Object object)：显示当前页面的转发按钮

3）wx.hideShareMenu(Object object)：隐藏转发按钮

4）wx.getShareInfo(Object object)：获取转发详细信息

最后这一个还没有理清楚，目前测试报错，后期理清了再来更新。

---