知识教程|优化状态栏沉浸式效果

apicloud apicloud     2022-10-14     532

关键词:

沉浸式状态栏是让开发者尤其是Android开发者很头疼的问题,耗费开发者很多精力去校验代码在各个系统版本、各个机型上是否有效,今天这篇教程就跟大家分享优化初始化状态栏沉浸式效果的方法。

技术分享图片

使用APICloud时,参照社区源码,初始化状态栏沉浸式,像这样去编写:

技术分享图片

有的开发者可能会遇到在Android机器上,导航栏有卡顿效果,仔细查找原因,打开api.js 找到fixStatusBar方法,你会发现是api.js里面根据手机型号等条件操作dom进行适配,方法内还使用了扩展的api对象获取数据,所以该方法必须在apireader内执行,卡顿效果就是加载api对象的时间,apiready执行变晚。

技术分享图片

下面这个方法分享给大家,帮助你们解决卡顿问题。

初始化程序时,index.html 文件中 apireader 内执行:

技术分享图片

在打开其他window时,不在apiready内调用,提前处理沉浸式效果,可以解决卡顿问题。

技术分享图片

写到常用方法内:

技术分享图片

android---沉浸式状态栏(代码片段)

Android—沉浸式状态栏我们的征程是星辰大海,而非人间烟尘文章目录Android---沉浸式状态栏去掉标题栏效果引入依赖沉浸状态栏颜色沉浸状态栏图片去掉标题栏首先去掉对应主题下面的Android自带的ActionBar,只需要在对应... 查看详情

关于如何彻底搞定androidkitkat+沉浸式状态栏效果(代码片段)

所谓“沉浸式”状态栏这里所说的沉浸式状态栏,就是指上面的效果,状态栏和Toolbar的颜色保持一致,融为一体的效果。版本差异及解决方法本文所用的示例使用的style风格是NoActionBar的,标题栏使用的是Toolbar控... 查看详情

hbuilder设置沉浸式状态栏显示效果

1:在【manifest.json】文件中,在【plus-->distribute-->apple】下加上【"UIReserveStatusbarOffset":false】,在【google】下加上【"ImmersedStatusbar":true】2:配置完之后在引入的样式css中加上【.mui-iosheader{padding-top:8px!important;}.mui-a 查看详情

android实现沉浸式状态栏的效果(代码片段)

什么是状态栏:是指手机左上最顶上,显示中国移动、安全卫士、电量、网速等等,在手机的顶部。下拉就会出现通知栏。下面我放一张图带大家认识一下沉浸式状态栏::简单来说就是状态栏会根据手机内容适应性变... 查看详情

android透明状态栏和沉浸式的实现

Android透明状态栏和沉浸式的实现1.什么是沉浸式根据百度百科上的定义,沉浸式就是要给用户提供完全沉浸的体验,使用户有一种置身于虚拟世界之中的感觉。其真正含义并不是大家所想的那样,对屏幕状态栏进行一些操作,甚至... 查看详情

android沉浸式状态栏(代码片段)

文章目录前言一、沉浸式状态栏二、改变标题和状态栏颜色总结前言4-20分享提示:以下是本篇文章正文内容,下面案例可供参考先来看下效果图(夜神模拟器和真机有点差别,我不会搞gif动图,就勉强看下吧):一、沉浸式状... 查看详情

android实现沉浸式全屏(代码片段)

...消费中,带来好的用户体验。沉浸式显示具体来说就是如状态栏和导航栏部分的显示效果调整。当然,这里对于不同的产品形态会有不同的选择,状态栏文本的颜色、状态栏本身的背景色、导航栏的背景色以及是否显示,通过这... 查看详情

沉浸式状态栏

  我们知道IOS上的应用。状态栏的颜色总能与应用标题栏颜色保持一致,用户体验非常不错。那安卓能否够呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌同意开发人员自己定义状态栏背景颜色啦,这是个不错... 查看详情

android沉浸式/透明式状态栏、导航栏

参考技术AAndroid从4.4开始引进透明状态栏和导航栏的概念,并且在5.0进行了改进,将透明变成了半透明的效果。虽然此特性最早出现在ios,但不否认效果还是很赞的。至于4.4以下的手机,就不要考虑此特性了,好在4.4以下的手机... 查看详情

ionic3沉浸式状态栏

参考技术A测试机型:OPPOR15安卓版本:8.1靠ionic3原生的statusbar插件来实现这种效果是不可能的,由于网上找到的很多办法都只能实现半透明效果,所以自己结合了一些网上大佬的方法。照着改就行了\\platforms\\android\\app\\src\\main\\ja... 查看详情

android应用使用沉浸式状态栏

google4.4以后的一个新特性。先放下效果图:使用方法:在activity中载入contentView之前://透明状态栏if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT)//版本判断Windowwindow=getWindow();//Translucentstatusba 查看详情

小米手机手势提示线怎么改沉浸

...到虚拟键区域,虚拟键的颜色透明。类似的,还有沉浸式状态栏,即app的contentview延伸到状态栏区域,状态栏的颜色透明。有两种设置的方式,参考代码如下。方式1:方式2:2.2可能存在的问题设置了沉浸式虚拟键和沉浸式状态... 查看详情

沉浸式状态栏与导航条

  在4.4之前状态栏一直是黑色的,在4.4中带来了windowTranslucentStatus这一特性,因此可以实现给状态栏设置颜色,如下图所示,状态栏颜色不再是黑色,而是可以定制的颜色。  国内将状态栏变色叫做沉浸式状态栏,时间久了... 查看详情

android沉浸式状态栏(代码片段)

文章目录前言一、沉浸式状态栏二、改变标题和状态栏颜色总结前言4-20分享提示:以下是本篇文章正文内容,下面案例可供参考先来看下效果图(夜神模拟器和真机有点差别,我不会搞gif动图,就勉强看下吧):一、沉浸式状... 查看详情

android沉浸式(透明)状态栏细研-超级细还附demo(代码片段)

...模式。Android5.0以后才可以在系统层面实现真正的沉浸式状态栏。沉浸式状态栏是为了与当前使用的App页面风格统一,不会显的那么突兀,保持友好且一致的用户体验而设计,是现在主流App必备的适配内容。今天我们... 查看详情

沉浸式状态栏的三种实现方式

...设计风格,将菜单栏北京设置为导航栏的颜色,感觉顶部状态栏像是被入侵了一样,因此称为沉浸式菜单栏。本文将介绍三种方式去实现沉浸式状态栏。  Google从androidkitkat(Android4.4)开始,给我们开发者提供了一套能透明的... 查看详情

android沉浸式状态栏(代码片段)

在使用沉浸式状态栏时需要注意设置的沉浸颜色为白色还是其他深色的区别1.状态栏字体图标黑色(深色)//5.0以上系统状态栏透明if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.LOLLIPOP)Windowwindow=getWindow();window.clearFlags(WindowMan... 查看详情

titlelayout——一个android轻松实现通用标准支持沉浸式状态栏的标题栏库(代码片段)

...的、可在布局或者使用Java代码实现标题栏;支持沉浸式状态栏,支持左侧返回按钮(不需要手动实现页面返回),左侧支持图片+文字、图片、文字;右侧支持图片、文字等。堆码不易,star支持,万分感谢点击查看效果图欢迎关... 查看详情