小程序获取手机状态栏高度

最新推荐文章于 2024-04-12 10:49:24 发布
最新推荐文章于 2024-04-12 10:49:24 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： uni-app 微信小程序 vue 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_115098/article/details/112802695
版权
微信小程序 同时被 3 个专栏收录
13 篇文章 0 订阅
订阅专栏
vue
12 篇文章 0 订阅
订阅专栏
uni-app
1 篇文章 0 订阅
订阅专栏

小程序获取手机状态栏高度

获取高度

let res = uni.getSystemInfoSync();
res.statusBarHeight即为状态栏高度

使用

获取状态栏高度为单位为px，小程序中一般使用rpx，这里可以做转换处理。
res = (res.statusBarHeight + 44)/(uni.upx2px(res.statusBarHeight + 44)/(res.statusBarHeight + 44))
这里默认自定义导航栏高度为44，可自行定义。若使用吸顶操作，res即为吸顶距离。

灬风吹雨
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS高级技巧
一只小白657的博客
10-24 2512
CSS高级技巧一.精灵图1.1为什么需要精灵图1.2精灵图的使用二.字体图标三.CSS三角四.CSS用户界面样式五. vertical-align属性应用六.溢出的文字省略号显示七.常见布局技巧 一.精灵图 1.1为什么需要精灵图 一个网页图片过多时，服务器频繁地接收发送请求图片，会造成服务器请求压力过大，将大大降低页面的加载速度。 css精灵图技术（也叫CSS Sprites、CSS雪碧），可以有效地减少服务器接收和发送请求地次数，提高页面的加载速度 核心原理：将网页中的一些小背景图像整合到一张大图中，这
小程序地图自适应手机高度
06-14
这段代码会在小程序启动时获取屏幕高度，扣除顶部状态栏和底部安全区的高度，然后设置给地图组件，实现自适应高度的效果。如果设备有底部导航栏，还需要减去其高度。 同时，需要注意的是，由于微信小程序的渲染层和...
小程序自定义导航栏，兼容适配所有机型（附完整案例）
03-29
大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 思路 隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新的导航栏 页面引用自定义导航 正文 隐藏官方导航栏 隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。 (此图片来源于网络，如有侵权，请联系删除! ) 全局隐藏 //app.json "window": { "navigationStyle": "custom" } 复制代码 页面隐藏 //page.json { "navigati
微信小程序苹果手机statusBarHeight状态栏高度为0
harmsworth的博客
01-06 4592
statusBarHeight状态栏高度前言安卓手机竖屏statusBarHeight横屏statusBarHeight苹果手机竖屏statusBarHeight横屏statusBarHeight总结 前言 最近在做小程序横屏页面时，发现刘海屏头部挡住了左侧页面部分内容，遂将刘海屏挤占部分腾出来，页面向右整体挪动，然安卓手机和苹果手机显示的页面不一致，苹果手机横屏statusBarHeight为0。 设计稿大概效果如下： 安卓手机 竖屏statusBarHeight 横屏statusBarHeight
Android 获取状态栏高度、底部导航栏高度、ActionBar高度的方法
最新发布
afufufufu的博客
04-12 475
【代码】Android 获取状态栏高度、底部导航栏高度、ActionBar高度的方法。
获取状态栏高度
weixin_67764885的博客
06-04 731
Xcode 中获取状态栏高度可以通过。uniapp获取高度。
安卓获取状态栏(Status Bar)高度
热门推荐
分享Android应用和系统开发、音视频编码、性能优化相关知识
08-22 1万+
直接使用24dp；getDimensionPixelSize；利用反射。 方法一 在android6.0系统源码中，可以查到status_bar_height只有一个定值24dp， 因为可以直接使用24dp 源码参见文件./frameworks/base/core/res/res/values/dimens.xml 方法二 获取系统中”status_bar_height”的值，方法如下 private int g...
uni-app 关于自定义标题栏 状态栏高度如何自适应
weixin_42346984的博客
03-11 4568
解决方法 使用自定义标题栏虽然可以自由的定义标题栏的内容，但我们在uni中会遇到状态栏塌陷的情况 下图所示，您可以很明显的看到蓝色背景包括了状态栏高度 在普通的手机上我们可以通过官方给出的css变量–status-bar-height来解决状态栏塌陷问题，如下 添加CSS样式即可解决 将status_bar样式添加到顶部便可达到自适应 .status_bar { hei...
Android编程实现获取标题栏、状态栏的高度、屏幕大小及模拟Home键的方法
09-03
获取状态栏高度的方法如下： ```java public int getStateHeight(Activity activity) { Rect rect = new Rect(); activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(rect); return rect.top; }...
小程序自定义导航栏兼容适配所有机型（附完整案例）
10-15
1. **状态栏高度**：使用`wx.getSystemInfoSync().statusBarHeight`获取。 2. **胶囊高度和胶囊距上边界距离**：使用`wx.getMenuButtonBoundingClientRect()`获取胶囊按钮的布局位置，从中可以得到胶囊的高度（`...
微信小程序自定义导航栏
10-17
在`app.js`中，我们可以使用`wx.getSystemInfo()`方法获取设备信息，包括状态栏高度，并将其保存到`globalData`中。这样，在其他页面中可以通过`getApp()`获取全局对象，从而访问到这个高度。 ```javascript // app...
Android编程实现获取系统内存、CPU使用率及状态栏高度的方法示例
08-29
获取状态栏高度可以通过反射机制来实现。状态栏高度是android系统的私有属性，不能通过公共的API来获取，需要通过反射机制来访问 android.internal.R.dimen/status_bar_height 属性。下面是获取状态栏高度的示例代码...
解决小程序自定义导航栏和右边胶囊高度一致
Blablabla_的博客
10-09 7867
名词解释： 1.statusBarHeight：状态栏高度（小程序可获取），是指顶部显示手机信号，时间，电量的那一个小的状态条的高度。如图红色部分。 2.titleBarHeight：标题栏高度（小程序获取不到），是从状态栏的底部开始的，到标题栏的底部的高度为止。如图绿色部分。 3.wx.getMenuButtonBoundingClientRect()：获取菜单按钮（右上角胶囊按钮）的布局位置信...
获取不同机型微信小程序状态栏+导航栏高度
铁锤妹妹的博客
10-09 8283
很多时候我们开发微信小程序，都需要先知道状态栏和导航栏的高度，才能去做其他功能。
自定义导航栏
qq_44871531的博客
10-13 202
自定义导航栏
android statusbar高度动态调整,Android开发之有效获取状态栏(StatusBar)高度
weixin_39855568的博客
05-25 840
获取状态栏高度一、传统方式：有时获取为0，解决方法看 二1234代码Rect frame = new Rect();getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);int statusBarHeight = frame.top;二、4.0.3之后可能获取为0public int getBarHeight(){Class...
微信小程序计算titleBarHeight和statusBarHeight
qq_26711723的博客
12-28 659
【代码】微信小程序计算titleBarHeight和statusBarHeight。
【自用整理】Uniapp导航栏&状态栏
weixin_43910903的博客
03-24 5334
导航栏 (1) 全局导航栏样式设置： 在pages.json的globalStyle里进行各个参数配置 "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "Hello uniapp", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "backgroundCol
android 屏幕高度、状态栏高度、titlebar高度详解
Allence的博客
11-29 1821
一、屏幕高度、状态栏高度、titlebar高度区分 二、获取整个屏幕的高度 DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); Log.e("Allence", "屏幕高:" + dm.heightPixels); 三、获取
微信小程序状态栏高度
07-27
微信小程序的状态栏高度可以通过使用wx.getSystemInfoSync().statusBarHeight获取。这个值是以px为单位的。\[2\]不同型号的手机的状态栏高度可能不一样，但是导航栏高度一般是固定的44px。如果你想将px转换为rpx，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灬风吹雨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值