微信菜单栏

Android 仿微信底部菜单栏 + 显示未读消息数量 转载请注明出处: http://blog.youkuaiyun.com/like_program/article/details/53576927 微信想必大家都很熟悉了,它的底部菜单栏和显示未读消息数量功能,被很多 app 模仿,这篇博客就来带领大家,一步一步实现底部菜单栏,并且在底部菜单栏显示未读消息数量。我们先来看下最终效果图。最终效果图1.底部菜单栏2.显示未读消息数量1.实现底部菜单栏我们先来实现底部 阅读详情

自定义菜单创建接口:

{
     "button":[
     {    
          "type":"click",
          "name":"今日歌曲",
          "key":"V1001_TODAY_MUSIC"
      },
      {
           "name":"菜单",
           "sub_button":[
           {    
               "type":"view",
               "name":"搜索",
               "url":"http://www.soso.com/"
            },
            {
                 "type":"miniprogram",
                 "name":"wxa",
                 "url":"http://mp.weixin.qq.com",
                 "appid":"wx286b93c14bbf93aa",
                 "pagepath":"pages/lunar/index"
             },
            {
               "type":"click",
               "name":"赞一下我们",
               "key":"V1001_GOOD"
            }]
       }]
 }

其他按钮类型的请求:

{
    "button": [
        {
            "name": "扫码", 
            "sub_button": [
                {
                    "type": "scancode_waitmsg", 
                    "name": "扫码带提示", 
                    "key": "rselfmenu_0_0", 
                    "sub_button": [ ]
                }, 
                {
                    "type": "scancode_push", 
                    "name": "扫码推事件", 
                    "key": "rselfmenu_0_1", 
                    "sub_button": [ ]
                }
            ]
        }, 
        {
            "name": "发图", 
            "sub_button": [
                {
                    "type": "pic_sysphoto", 
                    "name": "系统拍照发图", 
                    "key": "rselfmenu_1_0", 
                   "sub_button": [ ]
                 }, 
                {
                    "type": "pic_photo_or_album", 
                    "name": "拍照或者相册发图", 
                    "key": "rselfmenu_1_1", 
                    "sub_button": [ ]
                }, 
                {
                    "type": "pic_weixin", 
                    "name": "微信相册发图", 
                    "key": "rselfmenu_1_2", 
                    "sub_button": [ ]
                }
            ]
        }, 
        {
            "name": "发送位置", 
            "type": "location_select", 
            "key": "rselfmenu_2_0"
        },
        {
           "type": "media_id", 
           "name": "图片", 
           "media_id": "MEDIA_ID1"
        }, 
        {
           "type": "view_limited", 
           "name": "图文消息", 
           "media_id": "MEDIA_ID2"
        }
    ]
}

个性菜单栏:

http请求:

https://api.weixin.qq.com/cgi-bin/menu/addconditional?access_token=ACCESS_TOKEN

{
     "button":[
     {    
        "type":"click",
        "name":"今日歌曲",
         "key":"V1001_TODAY_MUSIC" },
    {     "name":"菜单",
        "sub_button":[
        {            
            "type":"view",
            "name":"搜索",
            "url":"http://www.soso.com/"},
            {
                         "type":"miniprogram",
                         "name":"wxa",
                         "url":"http://mp.weixin.qq.com",
                         "appid":"wx286b93c14bbf93aa",
                         "pagepath":"pages/lunar/index"
            },
             {
        "type":"click",
        "name":"赞一下我们",
        "key":"V1001_GOOD"
           }]
 }],
"matchrule":{
  "tag_id":"2",
  "sex":"1",
  "country":"中国",
  "province":"广东",
  "city":"广州",
  "client_platform_type":"2",
  "language":"zh_CN"
  }
}

删除个性化菜单:

http请求:

https://api.weixin.qq.com/cgi-bin/menu/delconditional?access_token=ACCESS_TOKEN



微信小程序 菜单栏 先看效果 页面 <!--pages/ltab/ltab.wxml--> <!--主盒子--> <view class="top-title"> <view class="title-item">湘南院区</view> <view class="title-item">东院</view> <view class="title-item">北院</view> </view& 阅读详情

相关推荐

微信小程序 - 自定义底部菜单栏

微信小程序底部菜单栏是可以通过自定义来实现的。主要涉及:新建组件、编写组件代码、设置样式、配置导航栏、在页面中引用。自定义底部导航栏可以创建出符合项目设计需求效果,实现个性化的页面切换功能。

觉醒法师的专栏 8468

微信自定义菜单java_java微信开发API第四步 微信自定义个性化菜单实现

微信如何实现自定义个性化菜单,下面为大家介绍一、全局说明详细说明请参考前两篇文章。二、本文说明本文分为五部分:* 工具类AccessTokenUtils的封装* 自定义菜单和个性化菜单文档的阅读解析* 菜单JSON的分析以及构建对应bean* 自定义菜单的实现* 个性化菜单的实现微信自定义菜单所有类型菜单都给出演示本文结束会给出包括本文前四篇文章的所有演示源码工具类AccessTokenUtils...

weixin_42515014的博客 296

微信小程序菜单栏进行切换页面

一.页面wxml文件设计部分代码: &lt;view class='topTabSwiper'&gt; &lt;view class='tab {{currentData == 0 ? "tabBorer" : ""}}' data-current = "0" bindtap='checkCurrent'&gt;推荐&lt;/view&gt; &lt;view class='tab {{

qq_41715982的博客 5765

微信公众号个性化菜单

之前项目里需求需要根据不同用户类型显示不同的微信公众号菜单。百度上查了下,微信还真提供了这种解决方案,名叫个性化菜单。 这个功能有个缺陷,更改过后的菜单不能立马生效,有几分钟的延迟。后来项目里还是放弃了这个方案。因为发现网上讲这块的还是很少。还是值得总结下。希望能帮到有需要的童鞋。 /** * Created by Administrator on 16-6-24. */ public cla

波子汽水 4536

C# Window窗体仿QQ微信状态栏闪烁提示的demo

C# WIndow窗体程序写的一个模仿QQ微信的任务栏闪烁提示的例子,WPF程序也可以用

苹果cms8x仿微信公众号电影源码

苹果cms8x仿微信公众号电影源码

微信个性化菜单开发

扫码关注的技术步骤这里就不再一一论述,可参考http://www.cnblogs.com/txw1958/p/weixin-qrcode-with-parameters.html ,这里只是想说清一个问题,就是菜单加载机制 微信公众号进行开发时开启服务器配置,配置中填写了一个入口url,在这之前把自定义菜单的生成放在了这个入口url,以为每次进入公众号首页,都会重新生成一次自定义菜单,然后显示出来。这次进行扫码关注开发,需要生成特定标签下的个性化菜单,顺着之前逻辑开始理所当然地写代码,区分事件来生成2种不

liuhl0910的专栏 372

CAT24C16 EEPROM的I²C页写与页读底层实现

I²C是一种广泛应用于嵌入式系统的双线同步串行通信协议,其核心在于严格的时序控制、地址寻址机制与主从应答逻辑。理解I²C总线物理层(上拉电阻、SCL/SDA电气特性)、协议层(START/STOP、ACK/NACK、7位地址格式)及外设寄存器操作(如SR1状态标志、CCR时钟分频),是实现可靠通信的基础。在实际工程中,EEPROM类器件(如CAT24C16)因其非易失性、页缓冲区结构和写保护(WP)功能,成为数据持久化关键载体;其16字节页写约束、内部写周期(5–10ms)与地址指针自动递增等特性,直接决定

weixin_42591413的博客 389

创建个性化菜单 报"65305 个性化菜单数量受限"的原因及处理方式

原因:在调用微信的创建个性化菜单的接口时,是每次都会重新创建一个,而不是覆盖原先的菜单,创建接口如下 https://api.weixin.qq.com/cgi-bin/menu/addconditional?access_token=ACCESS_TOKEN 所以应该在重新创建前将原先个性化菜单进行删除 1,通过获取自定义菜单查询接口,获取菜单数据如下: 接口 https://...

QQ1752506968的博客 1029

非目标代谢组学(untargeted metabolomics)中常用的方法学考察的方法(四)

最早使用的一种方法,从QC样本的总离子流图中选择具有代表性的离子峰(覆盖不同的保留时间,不同的强度),在对QC样本进行重复检测之后,计算这些离子的保留时间以及峰面积的相对标准偏差(RSD),用以考察分析方法的稳定性以及重复性。所有样品检测完之后,收集所有的QC样本的原始数据进行数据预处理,包括(峰提取,排列,归一化等),经过数据过滤(80%规则)之后,计算剩下的峰的峰面积的RSD值。由于QC样本是 等量混合了所有的被检测样本,理论上QC样本包含了所有样本中的代谢物,因此QC样本理论上会。

hlllllllhhhhh的博客 1490

从零到一:手把手部署用友T3标准版11.2及SQL Server 2008R2环境

本文详细介绍了从零开始部署用友T3标准版11.2及SQL Server 2008R2环境的完整流程,包括环境准备、SQL Server安装、环境检测与修复、T3标准版安装实战以及初始化配置与测试。通过手把手的步骤指导和常见问题解决方案,帮助用户顺利完成部署,确保系统稳定运行。

weixin_28339967的博客 457

微信公众平台开发之个性菜单创建

1.先创建一个properties文件保存appid和appsecret import java.io.IOException; import java.util.Properties; //根据我创建的weixin.properties文件获取appid和appsecret public class WxConfig { private static Properties ...

weixin_34138255的博客 183

5分钟搞定!用Coze+剪映小助手批量生成萌宠视频(附完整工作流配置)

本文详细介绍了如何利用Coze工作流与剪映小助手快速批量生成萌宠视频的完整方案。通过智能内容生成、素材处理、剪辑组装和输出适配四大模块的协同,实现5分钟内完成高质量视频制作。特别适合多宠物账号运营者,工作流支持模板切换和参数修改,大幅提升内容生产效率。

weixin_28678151的博客 392

Android仿微信底部菜单栏+顶部菜单栏(附源码)

本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度。

Evankaka的专栏 4万+

(project generation have a problem)STM32CubeMX生成工程一直报错项目生成有问题[玄学三步解]

解决办法 第一步,检查自己是不是真的配置的不对,JAVA安装没,pack路径设置的对不对,这里有一位前辈的博文写的非常好,附加链接https://blog.youkuaiyun.com/ybhuangfugui/article/details/52225736#commentBox 第二步,如果按照前辈的博文设置的都一模一样,还是不对,想我下图这样。 那你来对地方了 方法很简单,你把你生成工程文件的路径彻底的...

展桑博客-BenjieBlog 2925

ESP32S3电池电量监测实战:从分压电路到IDF组件配置(附GitHub源码)

本文详细介绍了ESP32S3电池电量监测的完整实战方案。从硬件分压电路的电阻选型、滤波设计,到软件层面利用ESP-IDF的ADC校准机制提升精度,并重点讲解了如何集成bat_monitor开源组件快速实现电压采集、电量计算、充电检测与事件通知。文章提供了从原理到调试的完整指南和GitHub源码,帮助开发者构建稳定可靠的物联网设备电源管理系统。

ee345的博客 531

android 仿底部菜单栏,Android仿微信底部菜单栏效果

几乎所有的Android应用程序都使用底部菜单栏,目前安卓开发中tabhost技术已经成为主流,这篇文章爱站技术频道小编主要为大家介绍了Android仿微信底部菜单栏效果,感兴趣的小伙伴们可以参考一下哦。1.仿微信底部菜单栏(ViewPager+ImagerView+TextView)......(其他方式后续会补充)效果预览首先来个开胃菜,看看实现效果:先贴出项目所需的资源文件,这些可随个人自由...

weixin_28285943的博客 887

从生成到检测:全面解析Deepfake技术的演进与对抗策略

本文全面解析了Deepfake技术的演进与对抗策略,从GAN生成技术到先进的检测手段,探讨了其在娱乐与安全领域的双重影响。文章详细介绍了Deepfake的核心原理、技术迭代关键节点以及最新的检测方法,揭示了AI生成与识别的激烈博弈。同时,展望了量子计算和生物特征认证在未来攻防战中的潜在应用。

jenkins8butler的博客 255

Android仿微信底部菜单栏+顶部菜单栏

本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度。 最终效果:源码免费下载 一、布局 1、顶部菜单布局,命名为t

wk843620202的专栏 2万+

【STM32项目】基于STM32设计的震动马达超声波电机高频震动——高级定时器PWM互补输出带死区控制__资料编号3

实现高级定时器互补输出带死区控制,实现震动/超声波电机/马达,高频震动。使用 STM32F103 芯片输出两路互补 PWM,并带有死区和刹车控制功能。定时器 1 通道 1 及其互补通道输出PWM,且带死区控。当定时器 1 的刹车输入引脚被拉高时,产生刹车时间,即定时器 8 停止输出 PWM。当刹车输入引脚被拉高时,通道 1 和通道 2 将从有波形输入状态转换成无效电平状态。

嵌入式阿齐Archie 6742

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

微信截图时菜单栏消失怎么办

截图

u013347671的博客 3045

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

微信小程序开发步骤+底部菜单栏制作

微信小程序开发 环境准备 第一,需要准备一个微信开发者账号。 如果还没有开发者账号,需要到微信开公众平台申请一个账号。网址:微信公众平台 1)注册一个小程序的开发者账号 填写未被微信公众号注册过的邮箱。 填写的邮箱将会收到一封激活的邮件,按照邮件所说的激活微信小程序,返回到微信公众平台。 信息登记:要选择小程序的主体,如果是企业或者其他的主体还需要提供其他的资料。所以这里我是选择个人。然后再填写一些主体信息和管理员信息。 填写完这些,一个开发者账号就注册好了。 注册完之后,需要微信扫码登录这个

leilei__66的博客 9137

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

微信小程序:菜单栏

菜单栏的主要实现方式就是嵌套view,做好每一层的view的设计。 要注意的是在放图片的时候记得要把图片嵌套在view里面,然后把图片的wxss设置为width:100%,height:100%。 设计页面的时候可以先给每个区设置background-color和border,这样可以最直观的看到你设计的效果对不对,最后再把这两个样式删掉就可以了。 这里做的主要是中间:动漫、电影、综艺、直播的菜单栏导航。 是在js的data里面把每个菜单的图片、名字都设置成一个对象,然后存在一系列数组里面,最后循环

麦当劳比肯德基好吃 3774
上一篇: 微信开发
下一篇: 微信网页开发
SPP_TY
博客等级 码龄9年 6粉丝 8原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值