• 小程序 状态栏、导航栏高度 胶囊按钮尺寸定位


    • 自定义导航栏时,考虑到状态栏的固有高度,以及胶囊按钮的位置,需要对自定义的导航栏设定相仿的尺寸、位置。

    已有的小程序 API 包括 状态栏高度、胶囊按钮信息:

    wx.getSystemInfo()
    wx.getMenuButtonBoundingClientRect()
    

    通过 wx.getSystemInfo() 返回的 statusBarHeight ,即为状态栏高度。再通过 wx.getMenuButtonBoundingClientRect()获取到胶囊按钮的宽高以及上下边界的坐标,即可计算出导航栏高度。

    
    wx.getSystemInfo({
      success: res => {
        // 状态栏高度
        let statusBarHeight = res.statusBarHeight;
    
        let menuButtonRect = wx.getMenuButtonBoundingClientRect()
        // 导航栏高度
        let navigationBarHeight = (menuButtonRect.top - statusBarHeight) * 2 + menuButtonRect.height
      }
    });
    
    

  • 相关阅读:
    async
    subing用法
    vue中子组件调用父组件的方法
    Python—创建目录
    Python—访问限制
    Python—实例方法,实例数据(类属性,实例属性)
    Python—对象,类
    tail命令
    head命令
    pwd命令
  • 原文地址:https://www.cnblogs.com/_error/p/14510409.html
Copyright © 2020-2023  润新知