首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

说明:在 Android 4.4 之前状态栏一直就是黑色,在 Android 4.4 中带来了 windowTranslucentStatus 这一特性,这个时候才可以给状态栏设置颜色。...关于沉浸式和透明式概念说明 在谷歌官方中: 在 Android 4.4 Google 引入了可以在阅读电子书、玩游戏、看电影时支持全屏模式(Immersive Mode 沉浸模式),同时也支持更改修改状态栏颜色...可以知道在官方是根本没有 沉浸式状态栏 这种说法。只有 沉浸模式 就是其实就是出于全屏状态。所谓 ”沉浸式状态栏“,类似于下面图样子: ?...screnn_stable.png 5.沉浸模式 // 所谓沉浸模式就是一开始我们 UI 布局是全屏,状态栏和虚拟导航键也是隐藏,当我们需要系统 UI 时候,从状态栏位置下拉就可以出现系统...titleBar 也有一个 id 相关文章:http://yifeng.studio/2017/02/19/android-statusbar/

2.6K10

Android 沉浸式解析和轮子使用

,实现方式为: 通过 FLAGTRANSLUCENTSTATUS 设置状态栏为透明并且为全屏模式,然后通过添加一个与 StatusBar 一样大小 View,将View background 设置为我们想要颜色...是因为从 Android 6.0(API 23)开始,我们可以改状态栏绘制模式,可以显示白色或浅黑色内容和图标(除了魅族手机,魅族自家有做源码更改,6.0 以下就能实现)。...,它可以使你 app 实现真正意义上全屏体验。...1.1.1 FLAGTRANSLUCENTSTATUS 当沉浸式全屏模式启用时候,你 activity 会继续接受各类触摸事件。...-Android5.0 之间效果如贴图,状态栏顶部是有一个黑色阴影渐变,在5.0版本版本以上被修复了。

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

Eclipse工程转为兼容Android Studio模式方法步骤图文详解

屏幕快照 2016-12-24 12.53.51.png 将工程导出为Generate Gradle build files , 这一步很重要哦 , 只有导出为这个模式才能做到 兼容android studio...屏幕快照 2016-12-24 13.43.44.png 改好上述两个文件之后 , 就可以用android studio打开工程了 , 在android studio中选择这个选项 ?..., 大多数都是Manifest文件或者是jar包重复之类错误 , 解决完之后就能成功运行程序了 , 等android studio程序跑起来之后 , 再打开eclipse , 一样完美运行 ?...屏幕快照 2016-12-24 16.02.32.png END 注意事项 不同eclipse和android studio版本可能效果不太一样 , 我写这篇经验时候, 我用eclipseadt...版本为22 , android studio版本为2.2.3 总结 以上所述是小编给大家介绍Eclipse工程转为兼容Android Studio模式方法步骤图文详解,希望对大家有所帮助,如果大家有任何疑问请给我留言

78110

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

我们在 Android 10 中添加了新系统导航模式,用户可以通过手势交互执行后退、返回至主屏以及打开设备助手等操作。 ?...现有的三键导航模式 (包含后退、返回首页以及切换最近使用应用) 会被保留。搭载 Android 10 及以上版本系统所有设备都要求保留这一导航模式。...使用 Android 10 以下设备用户同样能获得更加沉浸体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部状态栏。...△ 应用内容在全屏范围内渲染,而且在导航栏后面2. 更改系统栏颜色 我们应用布局现在已经拓展至全屏范围,因此需要同步更改一下系统栏颜色,以便看清其后面的应用内容。...比如针对深色主题系统栏,可以先试试使用 70% 不透明度黑色进行遮盖: <!

2.4K30

android刘海屏适配(刘海屏或圆角适配)

第三张图是开启一个应用闪屏页没有适配刘海屏高度时候样子,顶部出现了黑色区域。这个黑色区域是因为刘海缺口导致整个界面整体向下移。...因为我们闪屏页一般都是会全屏显示,那我们就需要适配刘海屏上全屏样式了。 坐好了,我开始吹一波了。...这样设置后我们内容区域就可以全屏显示了。如下图: 第二张是进入主页。...这个也是根据场景而定,如果你界面最顶部元素不需要侵入状态栏,那就只需要关注设置了全屏样式activity适配。否则你还得继续做一部分适配工作。...代码大家一看就明白,就是给最顶部按钮设置了一个marginTop即可,值即为状态栏高度,通过代码设置可以直接适配所有版本。

2K10

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

我们在 Android 10 中添加了新系统导航模式,用户可以通过手势交互执行后退、返回至主屏以及打开设备助手等操作。...现有的三键导航模式 (包含后退、返回首页以及切换最近使用应用) 会被保留。搭载 Android 10 及以上版本系统所有设备都要求保留这一导航模式。...使用 Android 10 以下设备用户同样能获得更加沉浸体验。我们将它设置为可选,仅仅是为了最大程度地减少开发者工作量和测试量。 在状态栏后面绘制内容 接下来,我们来看看屏幕顶部状态栏。...更改系统栏颜色 我们应用布局现在已经拓展至全屏范围,因此需要同步更改一下系统栏颜色,以便看清其后面的应用内容。...比如针对深色主题系统栏,可以先试试使用 70% 不透明度黑色进行遮盖: <!

15910

AndroidManifest.xml配置文件 android.theme大全权限设置Android Permission中英对照

> android.theme大全 •android:theme="@android:style/Theme.Dialog"   将一个Activity显示为能话框模式android:theme="..."  不显示应用程序标题栏,并全屏android:theme="Theme.Light"  背景为白色 •android:theme="Theme.Light.NoTitleBar"  白色背景并无标题栏...  •android:theme="Theme.Light.NoTitleBar.Fullscreen"  白色背景,无标题栏,全屏android:theme="Theme.Black"  背景黑色...•android:theme="Theme.Black.NoTitleBar"  黑色背景并无标题栏 •android:theme="Theme.Black.NoTitleBar.Fullscreen..."    黑色背景,无标题栏,全屏android:theme="Theme.Wallpaper"  用系统桌面为应用程序背景 •android:theme="Theme.Wallpaper.NoTitleBar

77650

Android全面屏与异形(刘海)屏适配教程

写在前面 Android全面屏手机越来越多了,要开始考虑应用适配全面屏问题了,查了查相关文章,总结一下. 声明最大屏幕宽高比 ?...以上图片来自Google Developer 通过文档可以看出从Android7.0开始,应用多窗口模式默认变为启动,在多窗口模式下,默认已经进行了全面屏适配,如果我们不想应用在多窗口模式下运行,可以修改以下属性...</activity android7.1及以下版本: <meta-data android:name="android.max_aspect" android:value="2.4" / 需要注意是...非全面屏 因为刘海也是黑色,所以看上去没有效果....全屏未适配刘海屏页面 全屏适配刘海屏页面 通过查看WindowManager源码可以看到共有3种显示模式,: //默认情况,全屏页面不可用刘海区域,非全屏页面可以进行使用 public static

3.2K10

Flutter 2.5正式版发布,带来重大更新

此版本延续了一些重要性能和工具改进,同时又发布了一些新功能,包括: 对 Android 全屏支持、更多 Material You(也称为 v3)支持; 更新文本编辑以支持可切换键盘快捷键; 在...Widget Inspector 中更详细地查看你小部件; 在 Visual Studio Code 项目中添加依赖关系新支持; 从 IntelliJ/Android Studio 测试运行中获取覆盖信息新支持...Android 全屏、Material You & 文本编辑快捷方式 从(#81303) 开始, 我们修复了 Android 一系列与全屏模式相关问题,此更改还添加了一种在其他模式下收听全屏更改方法...现在,从 Flutter 2.5 开始,我们可以在 Scaffold 顶部添加一个横幅,该横幅会一直保持到用户关闭它为止。...、测试覆盖率和图标预览 当然,伴随着Flutter更新,我们 IntelliJ/Android Studio 插件在此版本中也进行了许多改进。

4.3K50

Android Theme以及解决启动黑屏方法详解

android:theme="@android:style/Theme.Dialog" //Activity显示为对话框模式 android:theme="@android:style/Theme.NoTitleBar..." //不显示应用程序标题栏 android:theme="@android:style/Theme.NoTitleBar.Fullscreen" //不显示应用程序标题栏,并全屏 android:theme..." //白色背景,无标题栏,全屏 android:theme="Theme.Black" //背景黑色 android:theme="Theme.Black.NoTitleBar" //黑色背景并无标题栏...android:theme="Theme.Black.NoTitleBar.Fullscreen" //黑色背景,无标题栏,全屏 android:theme="Theme.Wallpaper" //用系统桌面为应用程序背景..." //用系统桌面为应用程序背景,无标题栏,全屏 android:theme="Theme.Translucent" //透明背景 android:theme="Theme.Translucent.NoTitleBar

1.6K20

Android Studio 新手入门教程(一)基本设置图解

首先是android studio入门第一步: ##android studio安装:国内镜像地址 安装过程就不用教学了吧。 装好之后,有部分人可能会遇到点击程序后就闪一下,打开不了。...解决方法:修改配置文件:Android-Studio\android-studio\bin\idea.properties,在文件结尾增加:disable.android.first.run=true...部分配置设置方法: 1.主题设置,Darcula就是传说中极客范黑色主题啦 ? 字体设置,搜索栏搜索font,直接修改,下方实时预览,建议修改后点击save as 保存一份 ?...每次新建java文件时会在文件顶部添加注释信息。 ?...关于android studio基本设置就是这样啦。 Stay hungry, Stay foolish。

1.9K10

关于Flutter 2.5稳定版你知道多少?

同时,加入了一些新功能,包括对 Android 全屏支持、 对 Material You (也称 v3) 更多支持、对文本编辑更新以支持切换键盘快捷键、在 Widget Inspector 中查看...widget 详情、在 Visual Studio Code 项目中添加依赖关系新支持、从 IntelliJ / Android Studio 测试运行中获得测试覆盖率信息新支持,以及一个更贴近...我们修复了关于 Android 全屏模式一系列相关问题,该 Issue 获得了上百个点赞,全屏选项包括向后倾斜、沉浸模式、粘性沉浸模式和边到边四种。...这一变化还增加了一种方法用来监听其他模式全屏变化。例如,如果用户在使用应用时,改变了系统界面的全屏模式,开发者现在可以通过代码让应用重新变为全屏,或执行其他操作。...在 Flutter 2.5 中,现在你可以在 Scaffold 顶部添加一个横幅,在用户将其关闭之前,它将一直保持在原位。

3.7K20

Android适配全面总结(三)----ROM适配

【解决方案】 关掉Android StudioInstant Run功能,然后把开发者模式USB安全模式(在USB调试下面)和USB调试一起打开。...在MIUI V6及以上版本,调用MIUI方法将状态栏图标改为黑色。发现部分小米手机,这样设置不管用,导致头上一片白,状态栏上东西基本看不到。...(四)改变状态栏字体颜色为黑色适配 2.4.1 小米适配 /** * 改变小米状态栏字体颜色为黑色,要求MIUI6以上 * tested on: MIUI V7 5.0 Redmi-Note3...示例图 实现原理:利用WindowManager将我们圆角加到屏幕四个角,圆角颜色设置为黑色,形成视觉圆角屏幕。...:http://mp.weixin.qq.com/s/h5qRvfgVj04f_xExTtrIHg (六)在带虚拟按键手机上,虚拟按键会遮挡全屏图片底部解决。

2K10

【WebApp开发必知】移动游览器私有Meta属性

-- 允许全屏模式浏览 --> 1.让文档宽度与设备宽度保持1:1,并且文档最大宽度比例是1.0,且不允许用户点击屏幕放大浏览...; 2.在ios上,用户将网页添加到主屏后,再从主屏幕打开这个网页,可以隐藏浏览器地址栏和下面的toolbar; 3.其值有三个: default(白色)black(黑色) black-translucent...4.开启对web app程序支持 5.是指在发送到屏幕时候默认命名。 6.让网页在加载时便可隐藏顶部地址栏与底部导航栏。 二、QQ浏览器私有 Meta 属性(x5内核定制标签) 7.使用了application这种应用模式后,页面讲默认全屏,禁止长按菜单,禁止收拾,标准排版,以及强制图片显示。

1.8K20

Flutter 2.5正式版发布,带来多项重大更新

此版本延续了一些重要性能和工具改进,同时又发布了一些新功能,包括: 对 Android 全屏支持、更多 Material You(也称为 v3)支持; 更新文本编辑以支持可切换键盘快捷键; 在...Widget Inspector 中更详细地查看你小部件; 在 Visual Studio Code 项目中添加依赖关系新支持; 从 IntelliJ/Android Studio 测试运行中获取覆盖信息新支持...[在这里插入图片描述] Android 全屏、Material You & 文本编辑快捷方式 从(#81303) 开始, 我们修复了 Android 一系列与全屏模式相关问题,此更改还添加了一种在其他模式下收听全屏更改方法...现在,从 Flutter 2.5 开始,我们可以在 Scaffold 顶部添加一个横幅,该横幅会一直保持到用户关闭它为止。...、测试覆盖率和图标预览 当然,伴随着Flutter更新,我们 IntelliJ/Android Studio 插件在此版本中也进行了许多改进。

3.5K00

使用Aliplayer在微信中播放视频正确姿势

微信播放最大坑 h5页面分享到微信上播放视频,最大坑就是在Android手机上,X5浏览器会劫持Video标签用播放器弹出全屏播放,处于最上层,覆盖DOM元素,而且播放完毕时,会出现广告视频,比如:...同层播放实现 虽然X5提供了一些属性可以用于同层播放设置,但是还是有一些细节需要处理: X5弹出全屏播放时,需要订阅resize和全屏事件,对于video以及容器大小调整 点击微信顶部返回按钮时...H5LiveDemo 点播视频 视频点播一般布局是上半部分为视频播放区域,下半部分为播放列表和评论区域,在Android 微信上播放效果如下: 代码可以参考点播视频H5Demo 创建播放器 通过...上面两种情况处理有点不一样 视频居中样式 退出全屏时恢复视频顶部播放 退出全屏时候会出发事件,在事件里移除居中样式 直播全屏播放 直播场景下会把视频充满整个屏幕,在上面显示评论、点赞、主播和观众信息等...视频显示模式和位置 如果"x_video_position"两个值top和center不能满足要求,可以通过自定义object-fit和object-position属性,进行更灵活设置视频显示模式和位置

7410

华为EMUI多窗口模式适配指南

华为智慧分屏应用适配关键点 很多应用在适配多窗口模式时,由于一些在全屏模式下关注不到点,导致存在兼容性问题。为此,我们整理了智慧分屏应用适配五大关键点,帮助开发者快速适配。..."] 安卓官方多窗口适配参考链接: https://developer.android.com/guide/topics/ui/multi-window.html 2.2 正确使用应用资源 开发者在适配多窗口模式时...如果在悬浮窗下使用是 Application Context处理UI 相关事情,会导致加载资源无法感知到多窗口而显示异常,而使用Activity Context在全屏模式和投屏等模式下依然可以正常显示...|orientation" /> 2.4 正确处理多窗口下沉浸式 在华为智慧分屏或者多窗口模式下,在应用顶部有一个功能bar,因此应用在布局时,需要调用安卓原生WindowInsetsListener...接口在顶部预留一定空间,注意不要使用固定高度。

1.5K30
领券