cordova修改状态栏颜色

最新推荐文章于 2024-08-07 09:35:18 发布
最新推荐文章于 2024-08-07 09:35:18 发布
阅读量2.1k 收藏 2
点赞数 1
分类专栏： note
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33161976/article/details/79743267
版权

添加状态栏插件：进入项目目录下，输入指令cordova plugin add cordova-plugin-statusbar

添加完之后打开config.xml文件 会看到自动添加了<plugin name="cordova-plugin-statusbar" spec="^2.4.1" />

然后添加 

<preference name="StatusBarBackgroundColor" value="#61a9f7" /> value写上状态栏需要填充的颜色




DC_135
关注
专栏目录
cordova-plugin-statusbar状态栏设置整理
天马3798
02-27 2万+
一、Cordova StatusBar简介 1.全局对象StatusBar 提供了修改设备状态栏的方法，需要在deviceready事件之后使用。 2.iOS中接口都支持，Android支5.0以下版本持的相对较少，仅支持状态栏的显示show()和隐藏hide()。 3.这个插件可以控制显示、隐藏、设置状态栏背景色等简单操作 4、官方文档：http://cordova.apache.org
cordovar实现沉浸式状态栏和导航栏效果、改变状态栏字体颜色为黑色
jie_rookie的博客
04-11 2502
使用cordova实现就需要cordova-plugin-statusbar这个插件，我们需要对此插件进行一些修改即可实现我们想要的效果。 在项目路径->platforms->android->src->org->apache->cordova->statusbar中找到StatusBar.java文件。 然后修改run方法即可： public v...
cordova实现沉浸式（透明）状态栏效果
Iohboel的博客
10-12 2753
在cordova打包app的时候会需要进行状态栏的设置，可以采用cordova-plugin-statusbar插件，修改该插件的一些代码实现状态栏的设置。 ***********以下部分转载自http://blog.csdn.net/u010730897/article/details/74450922********** 沉浸式状态栏（Immersive Mode）和透明状态栏（Trans
热荐开源项目：cordova-plugin-statusbar —— 设备状态栏掌控者
最新发布
gitblog_01155的博客
08-07 934
热荐开源项目：cordova-plugin-statusbar —— 设备状态栏掌控者 cordova-plugin-statusbarApache Cordova Status Bar Plugin项目地址:https://gitcode.com/gh_mirrors/co/cordova-plugin-statusbar 在移动应用开发中，设备的状态栏往往能显著影响用户体验。为了更好地控制和...
Cordova+Vue+Mint-UI+Android构建Andriod app 移动自适应rem布局(四)
Javon_huang的博客
12-11 628
1.安装lib-flexible.js-适用于Vue-cli npm install lib-flexible --save 2.在main.js中全局引用 import 'lib-flexible' 3.安装px2rem-loader-webpack 的插件自动将px转换为rem  npm install px2rem-loader --save-dev 4.配置px2rem-loa...
沉浸式状态栏
Super_666的博客
06-06 273
1. 将状态栏的颜色修改为透明的```/**     * 设置状态栏透明     *     * @param activity     */    public static void setStateBarTranslucent(Activity activity) {        if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.KIT...
Cordova各个插件使用介绍系列（七）—$cordovaStatusbar手机状态栏显示
weixin_30236595的博客
08-19 329
在项目中发现Android和iOS在手机状态栏样式不一样，然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令： cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 2.在config.xml里面配置如下： <feature name="S...
cordova-plugin-StatusBarColor:在Android Lollipop中更改状态栏颜色
05-01
状态栏颜色Cordova Android棒棒糖插件 安装 先决条件 必须在Android API级别21或更高版本下进行编译，这意味着您必须使用cordova-android v3.7.1或更高版本。 最新版本的cordova-cli不使用cordova-android 3.7.1，...
cordova实现沉浸式状态栏（andriod+ios）
mrhou的博客
06-23 3309
项目需求 将一个webapp打包成成andriod端和ios端，并且实现沉浸式状态栏 什么是沉浸式状态栏 直接上图 非沉浸式状态栏 沉浸式状态栏 对比之下沉浸式状态栏的美观度不用说了吧 Android实现 安装cordova-plugin-statusbar插件 cordova-plugin-statusbar是一个方便开发者自定义ios和andriod状态栏的插件 //安装插件 cordova plugin add cordova-plugin-statusbar 修改statusbar.ja
【Android】解决修改状态栏颜色不生效的问题（6.0以上）
Kirin blog
03-23 5572
原创，转载请注明出处
Codova Android 状态栏全透明 启动页全面屏总结
qq_20663175的博客
07-18 1263
使用到的Codova插件 状态栏插件:cordova-plugin-statusbar 启动页插件:cordova-plugin-splashscreen 1.设置状态栏全透明 修改 StatusBar.java 文件 文件路径 platforms\android\app\src\main\java\org\apache\cordova\statusbar(注:不是插件目录下的Statu...
十行代码实现 沉浸式透明状态栏+隐藏标题栏
06-01
网上很多沉浸式实现起来很繁琐,实际上沉浸式并没有那么可怕,这个资料可以帮助大家最快,最轻松的实现沉浸式!
cordova 修改状态栏的颜色
sophia_xiaoma的专栏
01-08 5853
1，预留出状态栏的高度 方法一： var userAgent = navigator.userAgent; if (!(userAgent.indexOf("Android") > -1 || userAgent.indexOf("Linux") > -1)) {     document.body.style.marginTop = "20px"; } 方法二： onDevic
Ionic3--Android手机状态栏实现沉浸式效果（即透明悬浮状态）
蜗壳
03-01 3347
先来对比一下几种状态栏的效果： 图1:初始化项目时的效果 图2: 改变背景色和字体颜色后的效果 图3:实现沉浸式透明悬浮后的效果 简单介绍一下ionic的StatusBar中的一些属性，具体内容请参见Ionic官方文档（https://ionicframework...
开源项目推荐：Cordova-plugin-statusbar - 自定义状态栏神器
gitblog_00032的博客
06-10 457
开源项目推荐：Cordova-plugin-statusbar - 自定义状态栏神器 项目地址:https://gitcode.com/apachecordova-plugin-statusbar/cordova-plugin-statusbar 在移动应用开发中，用户体验的细节往往体现在最微妙之处，比如，一个定制化且与应用风格完美融合的状态栏。Apache Cordova 的 cordova-p...
vue2.0+cordova 开发移动app
weixin_34266504的博客
07-07 158
为什么80%的码农都做不了架构师？>>> ...
vue项目cordova打包修改statusBar
黄治文的博客
08-17 1677
一、修改statusBar颜色   添加cordovaStatusbar插件 命令行输入下面命令 cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 在config.xml文件里会自动多出下面这个代码 &lt;plugin name="cordova-plugin-status...
使用 Vue CLI 插件 Cordova 构建跨平台移动应用
gitblog_00085的博客
04-20 618
使用 Vue CLI 插件 Cordova 构建跨平台移动应用 vue-cli-plugin-cordovaVue Cli 3 Cordova Plugin项目地址:https://gitcode.com/gh_mirrors/vu/vue-cli-plugin-cordova 在现代Web开发中，Vue.js以其易用性和灵活性赢得了广大开发者的心。为了进一步扩展其潜力，让我们探索一个强大的工具...
Cordova状态栏(cordova-plugin-statusbar)插件的使用,让webapp具有nativeapp的用户体验
weixin_34275734的博客
05-24 4190
一、前言 众所周知，webapp对比nativeapp而言，虽然具有跨平台的优势，但是在用户体验方面却比不上nativeapp，比如如何让webapp具备ios的惯性滚动和边缘回弹，又如如何让webapp具有和原生app一样的状态栏(透明、沉浸式)。对于前者，我采用的是better-scroll(一款重点解决移动端各种滚动场景需求的插件),对于后者，我采用的是Cordova状态栏插件--cordo...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值