微信小程序苹果手机statusBarHeight状态栏高度为0

最新推荐文章于 2024-08-02 18:15:12 发布
最新推荐文章于 2024-08-02 18:15:12 发布
阅读量4.6k 收藏 3
点赞数
分类专栏： 小程序 文章标签： statusBarHeight 苹果手机横屏 小程序横屏 小程序状态栏高度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/harmsworth2016/article/details/112260231
版权

statusBarHeight状态栏高度

前言

最近在做小程序横屏页面时，发现刘海屏头部挡住了左侧页面部分内容，遂将刘海屏挤占部分腾出来，页面向右整体挪动，然安卓手机和苹果手机显示的页面不一致，苹果手机横屏statusBarHeight为0。
设计稿大概效果如下：
在这里插入图片描述

安卓手机

竖屏statusBarHeight

在这里插入图片描述

横屏statusBarHeight

在这里插入图片描述

苹果手机

竖屏statusBarHeight

在这里插入图片描述

横屏statusBarHeight

在这里插入图片描述
在这里插入图片描述

总结

  • 在苹果手机横屏时，statusBarHeight 的值为 0，可以在小程序竖屏时保存系统信息，横屏时拿来用即可
harmsworth2016
关注
专栏目录
微信小程序导航栏/状态栏 .fig素材下载
04-20
总的来说，通过下载“微信小程序导航栏/状态栏 .fig 素材”，开发者和设计师能够快速搭建符合微信小程序设计规范的导航栏和状态栏，提升小程序的用户体验。同时，利用 Figma 的强大功能，可以进一步优化设计细节，...
安卓获取状态栏(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...
获取状态栏高度
weixin_67764885的博客
06-04 849
Xcode 中获取状态栏高度可以通过。uniapp获取高度。
微信小程序 自定义 头部导航栏
最新发布
ly5926的博客
08-02 363
好的 那么 组件写完了就是在页面上使用了 记得在页面的json中声明navigationStyle=“custom” 表示使用自定义导航栏哦 顺便引用组件（如果要全局使用 就要在app.json中写）获取到statusBarHeight 状态栏的高度 就是手机电池电量那个区域的高度。拿到statusBarHeight后 可以编写custom-navbar.wxml。首先是新建一个custom-navbar组件 目录结构如下。以及custom-navbar.wxss。对应的custom-navbar.js。
android status_bar_height动态调整,Android沉浸状态栏(StatusBar)兼容方案
weixin_39849239的博客
05-26 830
所谓"沉浸状态栏"的实现需要两点:设置状态栏为透明或者半透明状态;整体布局可以置于状态栏下方.1. 状态栏的配置对于状态栏的配置有两种方式:在manifest中配置Activity的theme属性在theme文件中添加android:windowTranslucentStatus属性(当然仅支持api19, 即Android4.4及以上, 且根据这个属性名称可知只是半透明);...true效果:键...
android屏幕高度、状态栏高度、titlebar高度详解
Allence的博客
10-24 2843
一、屏幕高度、状态栏高度、titlebar高度区分 二、获取整个屏幕的高度 DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); Log.e("Allence", "屏幕高:" + dm.heightPixels); 三、获取
CSS高级技巧
一只小白657的博客
10-24 2545
CSS高级技巧一.精灵图1.1为什么需要精灵图1.2精灵图的使用二.字体图标三.CSS三角四.CSS用户界面样式五. vertical-align属性应用六.溢出的文字省略号显示七.常见布局技巧 一.精灵图 1.1为什么需要精灵图 一个网页图片过多时，服务器频繁地接收发送请求图片，会造成服务器请求压力过大，将大大降低页面的加载速度。 css精灵图技术（也叫CSS Sprites、CSS雪碧），可以有效地减少服务器接收和发送请求地次数，提高页面的加载速度 核心原理：将网页中的一些小背景图像整合到一张大图中，这
微信小程序期末大作业-手机商城微信小程序
12-15
微信小程序期末大作业-手机商城微信小程序（免积分下载） 含底部导航，轮播图等等，小程序运行截图请看我的文章介绍：https://blog.csdn.net/weixin_43474701/article/details/135025795
微信小程序自定义头部标题导航栏
05-24
* navHome: 导航按钮为主页home，与返回back互斥，默认false显示返回back * 外部样式类：(使用时注意权重，添加外部样式类无效果的时候，给类加点权重就可以了) * custom-icon-class: 标题左侧图标外部样式类 *...
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备，尤其是智能手机。它允许开发者在微信内创建原生体验的应用程序，无需通过应用商店即可供用户使用。这个压缩包文件“wechat”很可能包含了...
获取不同机型微信小程序状态栏+导航栏高度
铁锤妹妹的博客
10-09 8712
很多时候我们开发微信小程序，都需要先知道状态栏和导航栏的高度，才能去做其他功能。
uni-app 系统状态栏高度CSS变量--status-bar-height
野猿新一
03-01 3068
【代码】uni-app 系统状态栏高度CSS变量--status-bar-height。
小程序获取手机状态栏高度
a_115098的博客
01-19 1229
小程序获取手机状态栏高度 获取高度 let res = uni.getSystemInfoSync(); res.statusBarHeight即为状态栏高度 使用 获取状态栏高度为单位为px，小程序中一般使用rpx，这里可以做转换处理。 res = (res.statusBarHeight + 44)/(uni.upx2px(res.statusBarHeight + 44)/(res.statusBarHeight + 44)) 这里默认自定义导航栏高度为44，可自行定义。若使用吸顶操作，res即为吸顶
解决小程序自定义导航栏和右边胶囊高度一致
Blablabla_的博客
10-09 7933
名词解释： 1.statusBarHeight：状态栏高度（小程序可获取），是指顶部显示手机信号，时间，电量的那一个小的状态条的高度。如图红色部分。 2.titleBarHeight：标题栏高度（小程序获取不到），是从状态栏的底部开始的，到标题栏的底部的高度为止。如图绿色部分。 3.wx.getMenuButtonBoundingClientRect()：获取菜单按钮（右上角胶囊按钮）的布局位置信...
Android获取StatusBar高度的原理
tinyVampire的博客
03-08 2181
获取StatusBar工具类 常见的获取状态栏高度的工具类如下： public static int getStatusBarHeightCompat(Context context) { int result = 0; int resId = context.getResources().getIdentifier("status_bar_height", "dimen", "a...
uniapp自定义头部(官方状态栏高度var(--status-bar-height)失效后的处理)
热门推荐
qq_43217258的博客
12-16 1万+
说明：之前都是用uview UI自定义头部，发现现在他的插槽无法解决我的需求后，决定自己写一个，但是遇到了一堆坑，最恶心的是var(–status-bar-height)，获取手机状态栏高度这个属性失效了，没办法自己获取手机状态栏高度去了 代码说明：核心函数是状态栏高度（statusBarHeight）+ 底部高度（48px） 这里安卓是44px，ios是48px，我偷懒没做处理，直接用的48px 效果图： 组件代码： <template> <view class="myHeader"
自定义导航栏
qq_44871531的博客
10-13 221
自定义导航栏
政务钉钉 statusBarHeight
05-05
政务钉钉是一款专门为政府机构打造的办公应用，statusBarHeight是指状态栏的高度，即手机屏幕顶部显示时间、电量、信号等系统信息的区域的高度。在政务钉钉中，获取状态栏高度可以通过以下代码实现： ``` int statusBarHeight = 0; int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android"); if (resourceId > 0) { statusBarHeight = getResources().getDimensionPixelSize(resourceId); } ``` 其中，getIdentifier方法用于获取资源ID，第一个参数为资源名称，第二个参数为资源类型，第三个参数为资源所在的包名。在这里，我们获取的是系统资源android.R.dimen.status_bar_height，即状态栏的高度。然后，通过getDimensionPixelSize方法获取状态栏高度的像素值。最终，得到的statusBarHeight即为状态栏的高度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值