cordova实现沉浸式（透明）状态栏效果

最新推荐文章于 2024-07-04 17:34:33 发布
最新推荐文章于 2024-07-04 17:34:33 发布
阅读量2.7k 收藏 3
点赞数 1
文章标签： cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iohboel/article/details/78212496
版权
本文介绍了如何在cordova应用中通过修改cordova-plugin-statusbar插件，实现沉浸式和透明状态栏效果。重点是修改StatusBar.java文件中的WindowManager.LayoutParams，利用Window flag系列和softInputMode设置，以达到全屏透明状态栏的视觉体验。
摘要由CSDN通过智能技术生成

在cordova打包app的时候会需要进行状态栏的设置，可以采用cordova-plugin-statusbar插件，修改该插件的一些代码实现状态栏的设置。

***********以下部分转载自http://blog.csdn.net/u010730897/article/details/74450922**********

沉浸式状态栏（Immersive Mode）和透明状态栏（Translucent Bar）。

这两个概念很多地方的解释都不是很清晰，所以导致很多人都各有各的认识。所以这里我也有一个自己的认识，笔者认为沉浸式

最低0.47元/天 解锁文章
Iohboel
关注
cordova plugin add cordova-plugin-statusbar沉浸式状态栏插件安装详解
weixin_40227845的博客
04-01 764
文章目录cordova plugin add cordova-plugin-statusbar沉浸式状态栏插件安装详解一、Cordova StatusBar简介插件提供了四种方法状态栏颜色样式二、Android注意点三、沉浸式状态栏实现 cordova plugin add cordova-plugin-statusbar沉浸式状态栏插件安装详解 一、Cordova StatusBar简介 1.S...
关于cordova 那些神坑—cordova 设置沉浸式状态栏
h0422856的博客
04-26 9828
最近进了一家新的公司 新公司做的是h5和原生android 的混合app  用到了cordova 第三方插件来链接     测试妹子拿着魅族手机测试 突然她的手机的状态栏有沉浸效果。。但是其他测试机状态栏没有(当时整个app都没有加沉浸式状态栏效果 。。。)  于是我临危受命 在新版本即将上线的时候被要求把整个app都加上沉浸式效果    原生的沉浸式网上一大堆       但是cordova 的
Vue 适配iOS、Android顶部状态栏（沉浸式，混合APP开发）
Wangdr的博客
01-25 4731
1、将导航+状态栏拆出来做个公共组件（此处只贴出状态栏的高度） <div class="status-bar" v-else :style="'height(statusHeight/75)+'rem'"></div> 2、获取高度、赋值 移动端通过ua信息传递（安卓手机的全面屏有些特殊，所以单独做了些处理，具体看代码） //判断屏幕是否为全面屏 export function statusHeight(){ function judgeBigScreen() {
ReactNative如何实现沉浸式状态栏及渐变色Header【兼容Android和iOS】
最新发布
Lik1024
07-04 329
具体页面实现还需要考虑项目中实际情况，这里只是提供了核心内容。需要用到react-native提供的StatusBar组件。如果用到Navigation，需要设置如下属性。
app实现状态栏和导航栏沉浸效果
ronaldo4511的博客
11-10 1712
在activity的oncreate方法中添加如下代码即可： //当系统版本为4.4或者4.4以上时可以使用沉浸式状态栏 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { //透明状态栏 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUC
沉浸式状态栏实现，让状态栏和导航栏变色吧
SpringQi
05-13 1804
该功能只能适应Android4.4及以上版本，4.4版本真机，5.0版本真机，6.0版本模拟器测试通过 该方法来自https://github.com/jgilfelt/SystemBarTint开源库 实现步骤： （一）Android Studio项目添加依赖包 compile 'com.readystatesoftware.systembartint:systembartint:1.0
React Native 中的状态栏(Android沉浸式)
Android 开发架构
05-29 1798
在实际项目中，我们常常需要根据页面的不同去修改状态栏的表现。例如：页面头部图片延伸到状态栏下并且状态栏透明；状态栏的颜色和标题栏的颜色相同；状态栏内容颜色的深浅变化。 在此之前，我写了一篇React Navigation 构建 Android 和 iOS 统一的 UI的文章，里面简单的说到了 Android 状态栏的一些设置。后来我发现并不是我想的那么简单，因此通过这篇博客进行补充，文中会更加详...
Cordova 实现沉浸式（透明）状态栏效果
丿灬安之若死
10-31 1100
沉浸式状态栏（Immersive Mode）和透明状态栏（Translucent Bar）。 这两个概念很多地方的解释都不是很清晰，所以导致很多人都各有各的认识。所以这里我也有一个自己的认识，笔者认为沉浸式状态栏也可以说是全屏模式，即隐藏状态栏与导航栏。 而透明状态栏是不隐藏状态栏但是它所呈现的是透明的。因为默认情况下状态栏都是黑底白字。而我们现在要实现的就是透明状态栏下的全屏模式。话不多说，看...
cordova实现沉浸式状态栏（andriod+ios）
mrhou的博客
06-23 3339
项目需求 将一个webapp打包成成andriod端和ios端，并且实现沉浸式状态栏 什么是沉浸式状态栏 直接上图 非沉浸式状态栏 沉浸式状态栏 对比之下沉浸式状态栏的美观度不用说了吧 Android实现 安装cordova-plugin-statusbar插件 cordova-plugin-statusbar是一个方便开发者自定义ios和andriod状态栏的插件 //安装插件 cordova plugin add cordova-plugin-statusbar 修改statusbar.ja
cordova-plugin-statusbar-状态栏
SandLZ的博客
05-08 1696
cordova-plugin-statusbar-状态栏 node 10.15.0 ionic 4.12.0 cordova 9.0 # platforms cordova-android：8.0.0 cordova-ios: 5.0.0 欢迎访问我的专栏： ionic4 混合开发实战-csdn ionic4 混合开发实战-简书 安装 ionic cordova plugin add cordo...
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
12-12
使用 Hbuilder新建好移动app项目后，mainfest.json这个文件里的 plus里设置 statusbar ..... "plus": { "statusbar": { "immersed": true }, ...... }, ..... 效果 总结 以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
沉浸式状态栏（APP颜色和状态栏同色）
03-30
浸式状态栏（APP颜色和状态栏同色）。
Cordova状态栏(cordova-plugin-statusbar)插件的使用,让webapp具有nativeapp的用户体验
weixin_34275734的博客
05-24 4190
一、前言 众所周知，webapp对比nativeapp而言，虽然具有跨平台的优势，但是在用户体验方面却比不上nativeapp，比如如何让webapp具备ios的惯性滚动和边缘回弹，又如如何让webapp具有和原生app一样的状态栏(透明、沉浸式)。对于前者，我采用的是better-scroll(一款重点解决移动端各种滚动场景需求的插件),对于后者，我采用的是Cordova状态栏插件--cordo...
react-native 沉浸式状态栏
weixin_30258027的博客
05-23 258
使用StatusBar即可实现沉浸式，但是必须把背景色设置为透明。否则如果有不同页面的头部颜色不一样的话，导航栏的颜色动画会很怪异，不会是跟着页面一起动画。 <StatusBar barStyle='light-content' backgroundColor='rgba(0,0,0,0)' translucent={true}></StatusBar> 转载于:http...
沉浸式状态栏（二）
白玉梁的专栏
04-23 1405
上一篇：沉浸式状态栏（一）话说上一篇沉浸式状态栏的实现方法基本可以适用于绝大部分设备，普通项目用足够了，但是看到QQ的的界面，效果却略显不同：如图，这种沉浸式效果如果按第一篇的方法来做，就达不到这种效果了，我实际实现了下，也确实没达到，用SystemBarTintManager的效果如下：我同样用了一个侧滑菜单（slidemenu）来模仿qq的侧滑菜单，实际效果如上图所示，这是为什么呢？我们只要知道
沉浸式状态栏（修改状态栏）颜色的简单实现
eyckwu的博客
03-03 3290
Google 推出MaterialDesign后，可以说极大的美化了Android的UI，开发者只需按照MaterialDesign的相关标准就能设计出炫酷的界面。自从5.0推出后，Android就开始支持修改状态栏的颜色，从QQ、网易云音乐等主流的App都可以看到这一特性使得Android界面更加一体化。网络上关于修改状态栏的方法更多，也有很多开源库，今天讲一种简单的实现方式。1、在Java代码中
沉浸式状态栏设置的几种方式
钟铭
07-06 4701
先上效果图 总共有三种方法，下面一一介绍：      第一种      布局中顶层容器配置：android:clipToPadding="true" android:fitsSystemWindows="true"      结果如下      在Activity对应的style里面设置： <item name="windowNoTitle">true</item>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值