一 首先使用wx.getSystemInfo(uni-app则使用uni.getSystemInfo)接口返回的 statusBarHeight (基础库1.9.0以上), 获取statusBarHeight

注意:开发者工具中的是不太准的,真机测试没问题的
二 胶囊的布局(如宽高)可以通过wx.getMenuButtonBoundingClientRect()获取,uni-app则用uni.getMenuButtonBoundingClientRect()
看到这里应该就可以做了, 需要详细步骤的话也可以留言, 我再来补充
参考文章: 参考文档1 参考文档2