Cordova 实现沉浸式(透明)状态栏效果
来源:互联网 发布:留学低龄化 数据 编辑:程序博客网 时间:2024/06/06 00:37
沉浸式状态栏(Immersive Mode)和透明状态栏(Translucent Bar)。
这两个概念很多地方的解释都不是很清晰,所以导致很多人都各有各的认识。所以这里我也有一个自己的认识,笔者认为沉浸式状态栏也可以说是全屏模式,即隐藏状态栏与导航栏。 而透明状态栏是不隐藏状态栏但是它所呈现的是透明的。因为默认情况下状态栏都是黑底白字。而我们现在要实现的就是透明状态栏下的全屏模式。话不多说,看效果:
对比这两张图的状态栏效果可以看出。第一张图效果对界面来说不是很美观,但是第二个效果就非常美观了。下面我们就来实现。
使用cordova实现就需要cordova-plugin-statusbar这个插件,我们需要对此插件进行一些修改即可实现我们想要的效果。
在项目路径->platforms->android->src->org->apache->cordova->statusbar中找到StatusBar.java文件。
然后修改run方法即可:
public void run() { // Clear flag FLAG_FORCE_NOT_FULLSCREEN which is set initially // by the Cordova. Window window = cordova.getActivity().getWindow();//添加内容startwindow.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);window.setStatusBarColor(Color.TRANSPARENT);window.setNavigationBarColor(Color.TRANSPARENT);//添加内容end window.clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);// Read 'StatusBarBackgroundColor' from config.xml, default is #000000.//注释默认的设置背景色的方法 //setStatusBarBackgroundColor(preferences.getString("StatusBarBackgroundColor", "#000000")); }
阅读全文
0 0
- Cordova 实现沉浸式(透明)状态栏效果
- cordova实现沉浸式(透明)状态栏效果
- Android状态栏透明(沉浸式效果)
- 沉浸式状态栏(变色状态栏、透明状态栏)的实现
- 实现Android透明状态栏(或叫沉浸式状态栏)
- 全屏沉浸式透明状态栏效果
- 透明状态栏(沉浸式状态栏)
- Android沉浸式状态栏(透明状态栏)
- Android 沉浸式状态栏(QQ5.0透明状态栏的效果)
- Android实现沉浸式(透明)状态栏(Eclipse版)
- 沉浸式状态栏 实现全屏透明
- android 实现透明的沉浸式状态栏
- 沉浸式状态栏/透明状态栏
- 透明状态栏(沉浸式状态栏)
- Android 透明状态栏 、着色状态栏 (沉浸式状态栏)
- Android透明状态栏和沉浸式状态栏实现
- Android 沉浸式状态栏的实现方法、状态栏透明
- Android 沉浸式状态栏的实现方法、状态栏透明。
- 基于zxing实现二维码竖屏扫描
- APK反编译详解
- SN号获取及显示不全的问题
- GDI+计算文本矩形区域
- 删除本地文件后 Git从远程仓库重新获取
- Cordova 实现沉浸式(透明)状态栏效果
- 移动端的自适应
- activiti学习笔记10--Event handlers--20170705
- 从0开始创建FX3工程之五
- nEventType总是返回7
- 每日签到的功能
- SQLSERVER数据库性能提升
- matlab常用命令
- 京东构建需求响应式亿级商品详情页技术分析