《微信小程序开发从入门到实战》学习六十六

2023-12-29 15:44

本文主要是介绍《微信小程序开发从入门到实战》学习六十六,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

6.5 界面API

6.5.2 导航栏菜单API

使用wx.getMenuButtonBoundingClientRect接口可以获取导航栏菜单按钮(右上角“胶囊”按钮)的布局位置信息。

坐标信息以屏幕左上角为原点。调用该接口不传入参数,返回值为Object类型,包含属性如下所示:

width,宽度,单位为px,下述单位同。

height,高度

top,上边界坐标

right,右边界.坐标

bottom,下边界坐标

left,左边界坐标

6.5.3 tab栏API

本小节的tab栏相关API都是自基础库1.9.0开始支持,低版本需做兼容处理。

1.接口wx.showTabBarRedDot

        显示tabBar某一项的右上角的红点,传入参数是一个Object参,包含属性index,三回调函数。index为number类型,指定了在tabBar从左数第几个按钮上显示红点

2.接口wx.hideTabBarRedDot

        隐藏tabBar某一项的右上角的红点,传入参数与wx.showTabBarRedDot同。

3.接口wx.setTabBarBadge

        为tabBar某一项的右上角添加文本传入参数是一个Object参,支持的属性比wx.showTabBarRedDot多一个text,其内容为显示文本,超过四个字符显示为省略号。

4.接口wx.removeTabBarBadge

        移除tabBar某一项的右上角的文本,传入参与wx.showTabBarRedDot同。

5.接口wx.hideTabBar

        隐藏TabBar,使用wx.showTabBar可重新显示被隐藏TabBar。两接口入参属性支持三回调函数和animation,表示隐藏或显示tabBar是否需要动画效果,animation默认值为false

6.接口wx.setTabBarStyle

        动态设置tabBar的整体样式,示例代码如下:

 wx.setTabBarStyle({

      color: '#FF0000',

      selectedColor: '#00FF00',

      backgroundColor: '#0000FF',

      borderStyle: 'white'

    })

7.接口wx.setTabBarItem

动态设置TabBar某一项的内容。自基础库2.7.0起图片支持临时文件和网络文件。示例代码如下:

   wx.setTabBarItem({

     index: 0,

     text: 'text0',

     iconPath: '/imgs/icon1.png',

     selectedIconPath: '/imgs/icon2.png'

   })

这篇关于《微信小程序开发从入门到实战》学习六十六的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/549894

相关文章

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

Java Spring 中的监听器Listener详解与实战教程

《JavaSpring中的监听器Listener详解与实战教程》Spring提供了多种监听器机制,可以用于监听应用生命周期、会话生命周期和请求处理过程中的事件,:本文主要介绍JavaSprin... 目录一、监听器的作用1.1 应用生命周期管理1.2 会话管理1.3 请求处理监控二、创建监听器2.1 Ser

Python中OpenCV与Matplotlib的图像操作入门指南

《Python中OpenCV与Matplotlib的图像操作入门指南》:本文主要介绍Python中OpenCV与Matplotlib的图像操作指南,本文通过实例代码给大家介绍的非常详细,对大家的学... 目录一、环境准备二、图像的基本操作1. 图像读取、显示与保存 使用OpenCV操作2. 像素级操作3.

Apache 高级配置实战之从连接保持到日志分析的完整指南

《Apache高级配置实战之从连接保持到日志分析的完整指南》本文带你从连接保持优化开始,一路走到访问控制和日志管理,最后用AWStats来分析网站数据,对Apache配置日志分析相关知识感兴趣的朋友... 目录Apache 高级配置实战:从连接保持到日志分析的完整指南前言 一、Apache 连接保持 - 性

MQTT SpringBoot整合实战教程

《MQTTSpringBoot整合实战教程》:本文主要介绍MQTTSpringBoot整合实战教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录MQTT-SpringBoot创建简单 SpringBoot 项目导入必须依赖增加MQTT相关配置编写

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

JavaScript实战:智能密码生成器开发指南

本文通过JavaScript实战开发智能密码生成器,详解如何运用crypto.getRandomValues实现加密级随机密码生成,包含多字符组合、安全强度可视化、易混淆字符排除等企业级功能。学习密码强度检测算法与信息熵计算原理,获取可直接嵌入项目的完整代码,提升Web应用的安全开发能力 目录

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

springboot项目redis缓存异常实战案例详解(提供解决方案)

《springboot项目redis缓存异常实战案例详解(提供解决方案)》redis基本上是高并发场景上会用到的一个高性能的key-value数据库,属于nosql类型,一般用作于缓存,一般是结合数据... 目录缓存异常实践案例缓存穿透问题缓存击穿问题(其中也解决了穿透问题)完整代码缓存异常实践案例Red

Spring Boot拦截器Interceptor与过滤器Filter深度解析(区别、实现与实战指南)

《SpringBoot拦截器Interceptor与过滤器Filter深度解析(区别、实现与实战指南)》:本文主要介绍SpringBoot拦截器Interceptor与过滤器Filter深度解析... 目录Spring Boot拦截器(Interceptor)与过滤器(Filter)深度解析:区别、实现与实