首页
学习
活动
专区
圈层
工具
发布

Android经典实战之用WindowInsetsControllerCompat方便的显示和隐藏状态栏和导航栏

WindowInsetsControllerCompat 是 Android 中的一个类,用于更方便地处理和控制窗口插入 (Window Insets),例如状态栏和导航栏的显示和隐藏。...主要功能 1、 显示和隐藏状态栏、导航栏: 使用 WindowInsetsControllerCompat,你可以轻松地控制状态栏和导航栏的显示与隐藏。...3、 设置系统窗口插入的样式: 例如,可以设置状态栏和导航栏的亮色或暗色(浅色主题下的深色文本和图标,或者深色主题下的浅色文本和图标)。...状态栏和导航栏)在隐藏和显示时的行为。...你可以设置状态栏和导航栏的颜色样式(亮色或暗色),以便在不同主题下提供更好的用户体验。

3.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    安卓12+后的系统默认使用Splash配置(icon+背景色)导致重复启动Splash屏幕

    国内的设备大部分没有强制使用,所以不影响,不过有其他Splash问题本文也会给出解决方案,比如全屏幕,透明状态栏,避免home(主页)短暂的闪烁,一般是空的Header或者自定义了Header会出现这个问题...比如渐变色的,这个时候状态栏就会很不和谐,很突兀(后面会给出代码,让状态栏后面能够渲染Splash。既然方向确定了,开始写代码。...-- 这里我们加一行配置,状态栏透明状态 --> android:statusBarColor">@android:color/transparent 状态栏(后面,不是紧接着下面,是zIndex层级关系的下面),加上之前的透明状态栏这里可以无缝过渡 --> android:windowIsTranslucent.../fix-transparent-statusbar.js", //处理android Splash 问题]修复导航头Header/自定义Header闪烁这个问题的解决其实很取巧,不需要代码演示,其实闪烁的原因就是因为

    63510

    iOS状态栏使用总结

    目录: 一、状态栏与导航栏 二、设置状态栏显隐与字体样式 三、设置状态栏背景色 四、启动页隐藏状态栏 五、状态栏、导航栏相关的常用宏定义 相关文章:iOS导航栏的使用总结 一、状态栏与导航栏 状态栏...((44) iPhoneX设备出现以后,状态栏的高度变为44,导航栏部分总高度(88) = 状态栏(44) + 导航栏内容高度(44) 二、设置状态栏显隐与字体样式 iOS状态栏可以设置显示和隐藏,也可以设置文字的颜色...方法2:代码设置 //1.设置状态栏隐藏(YES)或显示(NO) [[UIApplication sharedApplication] setStatusBarHidden:NO]; //2.设置状态栏字体颜色...//状态栏和导航栏背景色为白色,状态栏文字为黑色 self.navigationController.navigationBar.barStyle = UIBarStyleDefault; //状态栏和导航栏背景色为黑色...,状态栏文字为白色 self.navigationController.navigationBar.barStyle = UIBarStyleBlack; 三、设置状态栏背景色 iOS7之后的状态栏和导航栏融合在一块

    2.8K30

    Android 15新特性,强制edge-to-edge全面屏体验

    绝大部分的App其实都只使用了绿色这部分的空间,屏幕上方的状态栏以及屏幕下方的导航栏这两个白色部分的空间都是没有利用起来的,想想你写的App是不是也是这样?...同时被边缘化的还有一些与状态栏、导航栏颜色设置相关的API,这些API由于和edge-to-edge全面屏体验是相冲突的,有些是现在就已经不能用了,有些是已经不再推荐使用,反正大家看完这篇文章之后尽量就别再使用下面这些...聊天内容进入了状态栏区域,导致部分文字内容和状态栏重叠不易阅读,输入框和发送按钮则进入了导航栏区域,导致输入框和按钮操作可能会受到影响。...适配的代码其实还是比较简单的,主要就是借助ViewCompat.setOnApplyWindowInsetsListener()这个函数,来对某些指定的View进行偏移,保证其不会被系统的状态栏或导航栏遮挡住就可以了...对应到当前的界面,那就是要让顶部的聊天内容不要进入状态栏区域,底部的输入框和发送按钮不要进入导航栏区域,代码如下所示: class ChatActivity : AppCompatActivity(),

    3.5K11

    Android 沉浸式解析和轮子使用

    是因为从 Android 6.0(API 23)开始,我们可以改状态栏的绘制模式,可以显示白色或浅黑色的内容和图标(除了魅族手机,魅族自家有做源码更改,6.0 以下就能实现)。...从 Android4.4 以上版本才是真正的可以设置沉浸式体验,但也仅仅是操作状态栏和导航栏的显示与隐藏。...所以Android5.0以上可以设置状态栏和导航栏背景颜色,但还不能改变状态栏和导航栏图标和字色。...1.3 Android 6.0 +实现状态栏字色和图标浅黑色 使用 Android6.0 以下版本沉浸式的时候会遇到一个问题,那就是 Android 系统状态栏的字色和图标颜色为白色,当状态栏颜色接近浅色的时候...,设置初始化window属性让后设置导航栏和状态栏颜色。

    4.1K10

    android 设置标题栏背景颜色_状态栏菜单栏都在哪

    如果不使用则使用透明色值 protected boolean useStatusBarColor = true;//是否使用状态栏文字和图标为暗色,如果状态栏采用了白色系,则需要使状态栏和图标为暗色...:fitsSystemWindows=”true”属性就可以了,要不布局会跑到状态栏和导航栏下面,与导航栏和状态栏重叠,这当然不是我们希望的。...带有底部导航栏手机底部导航按钮会和navigationbar重叠 如下图所示: 全屏时,由于视图布局会填充到状态栏和导航栏下方,如果不使用android:fitsSystemWindows=”true...”属性,就会使底部导航栏和应用底部按钮重叠,导视按钮点击失效,这该怎么办?...感兴趣的小伙伴可以参下:android沉浸式状态栏、fitsSystemWindows、标题栏折叠 下面我们说说怎么在界面滑动时,修改状态栏和标题栏文字颜色。

    3.3K10

    开启全面屏体验 | 手势导航 (一)

    默认情况下,应用内容的绘制范围从顶部状态栏下方开始,延伸至底部导航栏上方。(状态栏和导航栏统称为系统栏) ? 实现从边到边的全面屏体验后,系统栏会覆盖在应用内容前方。...由于导航栏自身的大小和突出程度已经相比以前缩小了,因此我们现在强烈建议,当应用在 Android 10 及以上设备中运行时,将内容拓展至导航栏后方,以提供更具吸引力的现代化 UX。...使用 Android 10 以下设备的用户同样能获得更加沉浸的体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者的工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部的状态栏。...只要您的内容和布局允许,我们建议尽量把内容也拓展到状态栏的后方。...在 Android 10 上禁用系统栏视觉保护 如果您不想让系统执行任何自动内容视觉保护,则可以通过在主题中将 android:enforceNavigationBarContrast 和/或 android

    3.3K30

    游戏优化系列一:海外谷歌应用适配相关

    状态栏消息推送 3. 系统主题风格 4. 导航键 5. 屏幕适配 6. 返回按钮 1....状态栏消息推送 在游戏应用中进行版本迭代时,如果游戏本身有消息推送,且SDK中也有推送的情况下,发送消息的notify方法中,id有可能不同,此时会出现两条消息(游戏的和SDK的),有可能会被Google...【注意】 如果修改主题后,输入框等显示异常(eg:角色的名称输入框,背景白色、字体白色,会影响玩家体验),可使用推荐主题来修复android:theme="@style/Theme.AppCompat.Light.DarkActionBar..." 4.导航键 系统导航键不能挡住功能,最好能够使用IMMERSIVE_STICKY模式(即完全全屏,通知栏和导航键都自动隐藏,需要API-19以上支持)。...返回键功能的官方解释: 1.具有与屏幕上任何后退或关闭按钮相同的功能 2.暂停和取消暂停游戏(如果适用) 3.关闭所有对话框窗口 4.导航到菜单堆栈中的上一个位置(如果适用) 5.第一次登录时,在主菜单中按下退出应用程序

    11.5K40

    笔记53 | 管理系统UI(一)

    淡化状态栏和系统栏 如果要淡化状态和通知栏,在版本为4.0以上的Android系统上,你可以像如下使用 SYSTEM_UI_FLAG_LOW_PROFILE这个标签。...图1展示了一个图库中的图片,界面的系统栏都已被淡化(需要注意的是图库应用完全隐藏状态栏,而不是淡化它);注意导航栏(图片的右侧)上变暗的白色的小点,他们代表了被隐藏的导航操作。 ?...这个方法防止了状态栏隐藏和展示的时候内容区域的大小变化。...同步状态栏与Action Bar的变化 在Android 4.1及以上的版本,为了防止在Action Bar隐藏和显示的时候布局发生变化,你可以使用Action Bar的overlay模式。...2)让内容显示在导航栏之后 在Android 4.1与更高的版本中,你可以让应用的内容显示在导航栏的后面,这样当导航栏展示或隐藏的时候内容区域就不会发生布局大小的变化。

    1.9K40

    最新iOS设计规范三|3大界面要素:栏(Bars)

    使用侧边栏可快速导航到应用程序的关键部分或文件夹和播放列表之类的顶级内容集合。 尽可能让用户自定义边栏的内容。...有几种常见的技术可以做到这一点: · 在APP中使用导航栏,该导航栏会自动显示状态栏背景,并确保内容不会显示在状态栏背后 · 在状态栏背后显示自定义图像,如渐变色或纯色 · 在状态栏背后放置模糊的视图...当用户尝试关注媒体时,状态栏可能会分散注意力。暂时隐藏这些元素以提供更沉浸的体验。例如,当用户浏览全屏照片时,“照片”应用程序将隐藏状态栏和其他界面元素。 ? 避免永久隐藏状态栏。...如果由于水平空间有限而无法显示某些标签,则最后一个标签会变为“更多”标签,从而需要在另一个页面上显示的其他标签。 通常,使用标签栏在应用程序级别组织信息。...可以在标签上做标记 - 包含白色文本的红色椭圆(即小红点),或者一个数字或一个感叹号,用以提示用户有新信息,并且新信息与该视图或模式是相关联的。 确保标签栏标志符号在视觉上保持一致和平衡。

    14.9K10

    开启全面屏体验 | 手势导航 (一)

    默认情况下,应用内容的绘制范围从顶部状态栏下方开始,延伸至底部导航栏上方。(状态栏和导航栏统称为系统栏) 实现从边到边的全面屏体验后,系统栏会覆盖在应用内容前方。...由于导航栏自身的大小和突出程度已经相比以前缩小了,因此我们现在强烈建议,当应用在 Android 10 及以上设备中运行时,将内容拓展至导航栏后方,以提供更具吸引力的现代化 UX。...使用 Android 10 以下设备的用户同样能获得更加沉浸的体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者的工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部的状态栏。...只要您的内容和布局允许,我们建议尽量把内容也拓展到状态栏的后方。...在 Android 10 上禁用系统栏视觉保护 如果您不想让系统执行任何自动内容视觉保护,则可以通过在主题中将 android:enforceNavigationBarContrast 和/或 android

    1.6K10

    Android状态栏微技巧,带你真正理解沉浸式模式

    隐藏状态栏 一个Android应用程序的界面上其实是有很多系统元素的,观察下图: ? 可以看到,有状态栏、ActionBar、导航栏等。...,这样就可以将状态栏和导航栏同时隐藏了。... 这样我们就实现类似于海岛奇兵和爱奇艺的沉浸式模式效果了,如下图所示。 ? 可以看到,界面默认情况下是全屏的,状态栏和导航栏都不会显示。...而当我们需要用到状态栏或导航栏时,只需要在屏幕顶部向下拉,或者在屏幕右侧向左拉,状态栏和导航栏就会显示出来,此时界面上任何元素的显示或大小都不会受影响。...过一段时间后如果没有任何操作,状态栏和导航栏又会自动隐藏起来,重新回到全屏状态。 这就是最标准的沉浸式模式。

    2.9K100

    全屏、沉浸式、fitSystemWindow使用及原理分析:全方位控制“沉浸式”的实现

    改变状体栏及导航栏的颜色的本质是往DecorView中添加有颜色的View, 并放在状态栏及导航栏下面。...当然,如果设置了隐藏状态栏,或者导航栏,并且没有让布局随着隐藏而动态变化的话,就会看到被覆盖的padding,默认是白色,如下图,隐藏状态栏前后的对比: ? 没隐藏状态栏 ?...隐藏了状态栏 以上是DecorView对状态栏的添加机制,总结出来就是一句话:只要状态栏/导航栏不设置隐藏,设置颜色就会有效。...,而Android5.0之后以上状态栏、导航栏支持颜色随意设定,所以,5.0之后一般不使用需要使用该属性,而且设置状态栏颜色与windowTranslucentStatus是互斥的。...> 相应的状态栏或者导航栏的颜色设置就不在生效。

    6.7K40

    Android开发笔记(一百六十四)仿京东首页的下拉刷新

    ,内嵌扫一扫图标、搜索框,以及消息图标; 2、把整个页面往上拉,状态栏的背景色从透明变为深灰,同时工具栏的背景也从透明变为白色; 3、页面下拉到顶后,继续下拉会拉出带有“下拉刷新”字样的布局,此时松手则会触发页面的刷新动作...; 上面第一点的状态栏和工具栏悬浮效果,都有对应的解决办法;第二点的状态栏和工具栏背景变更,也存在可行的解决方案。...既然可以知晓到顶与否,同步变更状态栏和工具栏的背景色也是可行的了。...下面是演示页面拉到顶部附件的两种效果图,其中左图为上拉页面使之整体上滑,此时状态栏的背景变灰、工具栏的背景变白;右图为下拉页面使之接近顶部,此时状态栏和工具栏的背景均恢复透明。 ? ?...然而成功监听页面是否到达顶部或底部,仅仅解决了状态栏和工具栏的变色问题。因为页面到顶时继续下拉,ScrollView要怎么处理?

    3.9K40

    android:fitsSystemWindows 是什么意思?

    非常好 ,这是一个很经典但容易被混淆的 Android 属性问题。 我们来把 android:fitsSystemWindows 一次讲清楚(包括作用、原理、常见误区和实战建议)。...一、属性定义android:fitsSystemWindows="true" 是一个 布局属性(View 属性),用于告诉系统: “请把我的内容布局边界往内缩,让我不要被系统窗口(比如状态栏、导航栏)遮住...-- 内容 --> 效果: 系统会在布局计算时自动为这个 View 添加内边距(padding),让内容不会延伸到状态栏或导航栏区域。...,可能被状态栏或导航栏遮挡 举例:如果你希望全屏沉浸(例如背景图延伸到状态栏):android:fitsSystemWindows="false"如果你希望内容避开状态栏(例如标题不被遮住):android...六、常见误区误区解释“设置 true 一定能解决遮挡问题”不一定,沉浸式状态栏或透明导航栏时要手动处理 Insets。“它是控制状态栏透明度的”❌ 错误。它只影响布局边距,不控制状态栏颜色或透明度。

    34110

    关于 Android 中的各种 Bar 和“透明状态栏”的一些知识

    此篇文章主要讲解关于沉浸式状态栏,程序全屏和分清状态栏、ActionBar、ToolBar 的一些知识内容。主要是讲解如何适配状态栏。...,或者在通知栏下拉一下,状态栏就会下来,我们的 UI 布局就会跑到状态栏下面,和没有设置的时候效果是一样的。...screnn_stable.png 5.沉浸模式 // 所谓沉浸模式就是一开始我们的 UI 布局是全屏的,状态栏和虚拟导航键也是隐藏的,当我们需要的系统 UI 的时候,从状态栏的位置下拉就可以出现系统...,导航栏和状态栏就会出来,过一会就会消失,类似于游戏中那样。...View.SYSTEM_UI_FLAG_HIDE_NAVIGATION:作用使 UI 布局延伸到导航栏,全屏显示,导航栏消失。

    4K10

    熟悉Android Studio界面,开始装逼卖萌

    其中区域1为菜单栏,区域2为工具栏,区域3为导航条,区域5为代码编辑区,区域4、6为工具窗口,底部的区域7为状态栏,左侧、右侧和状态栏上部区域为工具条,接下来就一一拆解进行了解。...3导航条 导航条用来辅助查看打开的项目和文件,也可以自己打开或关闭导航条功能。...右边栏: 右边栏显示了代码的警告或错误信息,黄色为警告,红色为错误。将鼠标放到上面可以查看警告和错误数量,点击警告可以跳转到对应的代码。...Android Studio中的工具条分布在主界面的左右两边和底部(状态栏上面)。...6状态栏 状态栏通常在界面的最底部,主要显示Android Studio当前的状态和执行的任务。 ?

    4.3K60

    Android经典面试题之Kotlin中如何隐藏DialogFragment和Dialog的导航栏

    DialogFragment隐藏导航栏 在 Android 中,使用 DialogFragment 显示对话框时,如果您希望隐藏系统导航栏(如状态栏和导航键),可以通过设置相关的系统 UI 标志来实现。...onViewCreated: 在视图创建后设置系统 UI 可见性标志,隐藏导航栏和状态栏。 onStart: 设置对话框窗口的布局参数,使其覆盖整个屏幕。...这种方法允许您的 DialogFragment 在显示时全屏,并隐藏状态栏和导航栏。...Dialog中隐藏导航栏 在 Android 中,如果想在 Dialog 中隐藏系统导航栏(包括状态栏和底部的导航键),可以通过设置窗口属性来实现。...systemUiVisibility 属性用于隐藏系统导航栏和状态栏。 通过这些设置,当显示 Dialog 时,它将隐藏系统导航栏和状态栏,实现全屏显示。

    3.2K10

    鸿蒙开发实战案例:状态栏动画实现案例

    介绍本案例展示了状态栏的动态交互效果。通过监听页面滚动事件 onDidScroll,随着页面的上下滚动,实现状态栏颜色的变化。搜索框会在滚动时流畅地展开或收起,并伴有自然的透明度过渡效果。...启用沉浸式(设置全屏显示和状态栏为白色),获取状态栏高度存储在 statusBarHeight 变量中,从预定义的数据源 LIST_DATA 加载数据到 dataSource中。...,并为列表添加滚动监听器,以根据滚动位置调整状态栏和导航栏的透明度及展开收起动效。...、模块详解13.ohos开机init启动流程14.鸿蒙版性能优化指南.......滚动事件处理undefined通过监听页面滚动事件 onDidScroll,根据当前的滚动偏移量 yOffset 调整状态栏和导航栏的透明度...this.negativeOffsetY = yOffset : Constants.MAIN_SCROLLER_OFFSET_Y_ZERO; // 判断导航栏和状态栏背景透明度变化

    64020
    领券