Android 某activity设置沉浸式状态栏和activity 透明主题题后

Android透明状态栏与沉浸模式全解 - 简书
Android透明状态栏与沉浸模式全解
Android透明状态栏与沉浸模式全解
现在如今利用状态栏做文章的主要就是如下四种场景了,先上图
网易云音乐 状态栏与标题栏同色,无缝衔接
全屏沉浸阅读(视频,游戏同理)
淘宝 状态栏深色
饿了么 图片延伸至状态栏下面
透明状态栏模式就是大家说的"沉浸式状态栏"了.
沉浸模式是一般用于小说、视频、游戏。将用户的注意完全聚焦在内容上,是真正的沉浸模式.
从3.x版本开始, 系统DecorView提供了setSystemUiVisibility方法, 可以通过设置Flag更改所谓SystemUI的属性,可以操作各种状态栏,导航栏的的显示与隐藏效果。非常好用,有篇很好的总结文章
getWindow().getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
不同的标记用|连接,这里着重解释一下这几个标记
View.SYSTEM_UI_FLAG_LAYOUT_STABLE Level 16
保持整个View稳定,使View不会因为SystemUI的变化而做layout,常跟statusbar 悬浮, 隐藏共用,若不设置的话,statusbar的的显示和隐藏则会导致ContentView重新计算大小并绘制,因此这个标记通常是必须的
View.SYSTEM_UI_FLAG_FULLSCREEN Level 16
状态栏隐藏,完全不见了,就如同在看视频时,屏幕上没有任何内容之外的东西
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN Level 16
状态栏透明,悬浮在浮于Activity的上面,想像有个z轴,这时activity可以完全占用整个屏幕,而之前我们的屏幕还要分一些给statusbar
View.SYSTEM_UI_FLAG_HIDE_NAVIGATION Level 14
隐藏导航栏, 性质如SYSTEM_UI_FLAG_FULLSCREEN
View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION Level 16
导航栏上浮于Activity,性质如SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
1.首先看效果图(1)和(3),这两个的实现原理其实一样,就是状态栏着色的颜色不同,又两种实现思路
1.直接将状态栏的颜色设置为目标颜色
window.setStatusBarColor(int);
它只适用于5.0之后。因此直接设置statusBar颜色的方式在5.0以下不行
2.将状态栏设置为"透明+悬浮",这时我们的布局就可以延伸到状态栏下面了,然后在activity的布局里面制造一块和状态栏等尺寸的view,设置需要的背景颜色即可,因为状态栏是透明的,因此看起来就像是状态栏被上了色一样,效果相同。通过添加这个标记便可以实现我们需要的"透明+悬浮"效果,
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
顺变说下清除标记的方法
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
其实我们查看FLAG_TRANSLUCENT_STATUS的源码就会发现,它其实就是上面说的system UI visibility flags里面的稳定布局SYSTEM_UI_FLAG_LAYOUT_STABLE和悬浮status标记的组合
* &p&When this flag is enabled for a window, it automatically sets
* the system UI visibility flags {@link View#SYSTEM_UI_FLAG_LAYOUT_STABLE} and{@link View#SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN}.&/p&
public static final int FLAG_TRANSLUCENT_STATUS = 0x;
这就很容易理解了,现在直接上全部代码
* 思路:直接设置状态栏的颜色
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private void setStatusBarUpperAPI21() {
Window window = getWindow();
//取消设置悬浮透明状态栏,ContentView便不会进入状态栏的下方了
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//设置状态栏颜色
window.setStatusBarColor(getResources().getColor(R.color.bg_green));
* 思路:设置状态栏悬浮透明,然后制造一个和状态栏等尺寸的View设置好颜色填进去,就好像是状态栏着色了一样
private void setStatusBarUpperAPI19() {
Window window = getWindow();
//设置悬浮透明状态栏
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
ViewGroup mContentView = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
int statusBarHeight = getStatusBarHeight();
int statusColor = getResources().getColor(R.color.bg_green);
View mTopView = mContentView.getChildAt(0);
if (mTopView != null && mTopView.getLayoutParams() != null &&
mTopView.getLayoutParams().height == statusBarHeight) {
mTopView.setBackgroundColor(statusColor);
//制造一个和状态栏等尺寸的 View
mTopView = new View(this);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight);
mTopView.setBackgroundColor(statusColor);
//将view添加到第一个位置
mContentView.addView(mTopView, 0, lp);
private int getStatusBarHeight() {
int result = 0;
int resId = getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resId & 0) {
result = getResources().getDimensionPixelSize(resId);
这里注意为什么还要区分5.0和4.4不同的方案来实现,因为WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS这个标记在6.0上不是全透明而是半透明的,那么如果要实现效果(1)网易云音乐那样的效果的话就不行了,所以在5.0以上的版本我们直接设置statusBar的颜色。5.0以下通过制造一个和statusbar等尺寸的view着色填进去。
最终的效果如下,让4.4也有了差不多的效果:
而效果(3)就是改了个深色的颜色就行了:
2.看效果图(4),这就是让图片延伸到状态栏下,和1一样的思路,用纯xml和纯代码均可实现
XML方式实现:
xml方式就是通过为acitivity设置style的方式实现,因为不同的版本需要的配置不同,因我们为4.4和5.0建立values文件夹和styles文件,并在样式文件中建立相同名字的样式,这样系统就能判断手机版本自动使用对应版本values文件夹下的样式,如图所示,注意路径
values/styles.xml添加内容:
&style name="fullScreenTheme" parent="AppTheme"&
values-v19/styles.xml添加内容:
&style name="fullScreenTheme" parent="Theme.AppCompat.Light.DarkActionBar"&
&item name="android:windowTranslucentStatus"&true&/item&
&item name="android:windowTranslucentNavigation"&true&/item&
values-v21/styles.xml添加内容:
&style name="fullScreenTheme" parent="Theme.AppCompat.Light.DarkActionBar"&
&item name="android:windowTranslucentStatus"&false&/item&
&item name="android:windowTranslucentNavigation"&true&/item&
&item name="android:statusBarColor"&@android:color/transparent&/item&
windowTranslucentStatus:设置透明悬浮状态栏,4.4就有
windowTranslucentNavigation:设置透明悬浮导航栏,4.4就有
注意既然windowTranslucentStatus在4.4就有了,为什么在5.0的style要设置windowTranslucentStatus为false并且呢,其实这个问题前面就说过了
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
&item name="android:windowTranslucentStatus"&true&/item&
看出来了吗,对他们俩其实是一个东西,一个是xml实现,一个是代码实现
所以windowTranslucentStatus在6.0上的效果是半透明的。效果是这样的,
而我们的最终效果:
另外,如果加了DrawerLayout,打开是状态栏在5.0以上没有任何问题,但是在4.4就是是灰色的。需要添加两行代码做处理:
mDrawerLayout.setFitsSystemWindows(true);
mDrawerLayout.setClipToPadding(false);
setFitsSystemWindows方法的作用是是否为系统默认的装饰预留空间
setClipToPadding方法是使得绘制区域可以延伸到padding区域
其实这里用了这两个方法虽然有效,但是我也不知道为什么,有知道朋友请告诉我。
这样我们就完全使用代码完美解决了效果(4)。
主要就是setSystemUiVisibility的运用
public void onShow() {
//5.0以上手动设置statusBar为透明。不能使用getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//因为这在4.4,5.0确实是全透明,但是在6.0是半透明!!!
if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.LOLLIPOP) {
getWindow().setStatusBarColor(Color.TRANSPARENT);
} else if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.KITKAT) {
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
getWindow().getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
3.效果(2)全屏沉浸,如小说,视频,游戏
在看完setSystemUiVisibility的各种flag的左右后,应该可以凭自己的需要组合搭配flag来实现全屏了,直接上代码:
public void onHide() {
//4.1及以上通用flags组合
int flags = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION;
if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.KITKAT) {
getWindow().getDecorView().setSystemUiVisibility(
flags | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
} else if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.JELLY_BEAN) {
getWindow().getDecorView().setSystemUiVisibility(flags);
就这么几行代码,注意这个全屏是可以支持到4.1的
关于沉浸式状态栏一词的说法从何而来我们无从考证。但这确实是个错误的说法先引用官方的一段话。 Immersive full-screen modeTo provide your app with a layout that fills the entire screen, t...
前言在使用App的过程中,如果细心观察,我们会发现,某些应用顶部菜单栏颜色会延伸到系统状态栏中,使得菜单栏和状态栏呈现统一颜色,国内把这样状态栏叫做沉浸式状态栏,ios中几乎所有App都统一实现这样的状态栏,使用沉浸状态栏会使App更好的融合到系统中,提高App颜值,虽然大...
前言 原文:http://blog.csdn.net/mybeta/article/details/ 这里说的沉浸状态栏是指透明状态栏,至于为什么国内喜欢将透明状态栏说成沉浸式状态栏,可参考 为什么在国内会有很多用户把「透明栏」(Translucent Ba...
前言 这种效果从android4.4开始引进的,并且在5.0进行了改进。因此,也只能将这一特性应用在android4.4以上的手机,无法做到全部适配。网上已经有很多有关于系统状态栏的解决方案,自己在网上项目中提炼出来的解决方案. 大牛可以忽略本文(*^ω^*)?先上个效果图...
前言 首先请大家看几张图: 以上的效果,一般我们统称为沉浸式状态栏。其实,这种叫法不是很准确,而且也没有沉浸式状态栏这一说,只有沉浸模式。以上几种情况,可以称为透明状态栏或者状态栏着色。 一、两种状态 进行Android开发时,有两种方式都会对状态栏进行设置:Translu...
今天看了王德顺的腾讯视频被他深深的震撼,44岁学英语,49岁当北漂,50岁走进健身房,70岁练腹肌,79岁走上T台,80岁还有梦想……还有他那句哪有什么一夜爆红,我为此准备了60年。 现今社会,国人都很急躁,不管做什么都很急,小孩很小就急着各种培训,年轻人急着挣钱成功,当然...
参考: 愛と奇跡の物語 http://arondight.me//使用SSH反向隧道进行内网穿透/ SSH原理与运用(二):远程登录 - 阮一峰的网络日志 http://www.ruanyifeng.com/blog/2011/12/ssh_port_f...
虽然早起的鸟儿有虫吃,可是早起的虫子却会被鸟吃。你不能确认自己是一直鸟的时候,一定要清楚自己是不是一条虫。
一直就听人说女儿是贴心小棉袄。想想自己,会觉得我是妈妈的小棉袄是因为:我会带着五十多岁的妈妈看电影、逛街、吃披萨、带她去呼伦贝尔大草原、带她去阳朔古城、尝试各种没吃过的没体验过的事物。 当我自己有个小棉袄的时候。我以为一个五个月的孩子在你生气时会冲你笑就是温暖的小棉袄。我以...Android右滑退出+沉浸式(透明)状态栏 - 简书
Android右滑退出+沉浸式(透明)状态栏
上篇文章中,在说到一个使用很广泛的滑动退出库时有提过有时间会分享自己在项目中引入这个库的时候填过的一些坑。前段时间项目加入沉浸式状态栏效果的时候也走了不少弯路,而且两者结合效果还不错,就一起分享出来了。
先上效果图:
右滑退出+沉浸式(透明)状态栏效果.gif
compile 'me.imid.swipebacklayout.lib:library:1.0.0'
step1:BaseActivity
新建一个继承SwipeBackActivity的BaseActivity类,SwipeBackActivity的代码请看SwipeBackLayout库源码,在onCreate方法内添加如下两行代码。所有继承BaseActivity的页面都能具有滑动效果了。但比如登录页和主页面等部分不需要右滑效果的Activity可以通过setSwipeBackEnable(false)方法禁用右滑效果。
mSwipeBackLayout = getSwipeBackLayout();
// 设置滑动方向,可设置EDGE_LEFT, EDGE_RIGHT, EDGE_ALL,EDGE_BOTTOM
mSwipeBackLayout.setEdgeTrackingEnabled(SwipeBackLayout.EDGE_LEFT);
step2:设置theme
在style.xml文件中添加以下代码
&!-- 设置右滑主题 --&
&style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar"&
&item name="android:windowAnimationStyle"&@style/HoloThemeActivityAnimation&/item&
&!-- 设置背景透明,右滑时才能看到上一个界面,否则会看到黑屏效果--&,
&item name="android:windowIsTranslucent"&true&/item&
&!--Activity退出动画--&
name="HoloThemeActivityAnimation" parent="@android:style/Animation.Activity"&
&item name="android:activityOpenEnterAnimation"&@anim/activity_open_enter&/item&
&item name="android:activityOpenExitAnimation"&@anim/activity_open_exit&/item&
&item name="android:activityCloseEnterAnimation"&@anim/activity_close_enter&/item&
&item name="android:activityCloseExitAnimation"&@anim/activity_close_exit&/item&
&!--主界面单独设置以下主题,不透明,否则右滑不是显示上一个页面而是直接显示桌面了~--&
&style name="AppThemeNoTranslucent" parent="Theme.AppCompat.DayNight.NoActionBar"&
&item name="android:windowNoTitle"&true&/item&
&item name="android:windowIsTranslucent"&false&/item&
step3:AndroidManifest
在AndroidManifest文件中 application节点设置全局主题
android:theme="@style/AppTheme"。
为主界面单独设置不透明主题
android:theme="@style/AppThemeNoTranslucent"。
二、加入沉浸式状态栏效果
先上效果图:
效果图.png
关于沉浸式状态栏这个资料现在很多,但感觉很多介绍的并不全面,我自己也试过挺多方法后才有了目前这个方案。
step1:首先得设置状态栏透明
关于状态栏透明最开始用的是以下方法,这也是目前在网上看到的比较多的一种方法,但是后来发现在部分5.0以上系统上会有兼容性问题:
//以下方案在部分5.0以上手机内会有兼容性问题,会有一个半透明的背景附在状态栏位置上
final int sdk = Build.VERSION.SDK_INT;
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
if (sdk &= Build.VERSION_CODES.KITKAT) {
int bits = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
// 设置透明状态栏
if ((params.flags & bits) == 0) {
params.flags |=
window.setAttributes(params);
发现这个问题在百度音乐和360卫士等APP上也是存在的,看以下两个截图。(可能我的测试机有点非主流~,在小米,华为等主流手机上以上方法和这两个APP测试都正常)
百度音乐.png
360手机卫士.png
后来在这篇文章的评论内下面发现了下面这个方法。可以实现完美的状态栏透明效果。
//最终方案
if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.LOLLIPOP) {
//5.0 全透明实现
//getWindow.setStatusBarColor(Color.TRANSPARENT)
Window window = getWindow();
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(Color.TRANSPARENT);
} else if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.KITKAT) {
//4.4 全透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
step2:设置标题栏的高度
状态栏透明后本来以为这事情差不多了,不过事实证明这仅仅是另外一个坑的开始。
设置状态栏透明后,ToolBar(或者自定义的titleBar)就会跑到StatusBar下面,如图1。处理这个问题有两个思路。一个是为ToolBar顶部设置一个高度和状态栏一样的padding或margin。第二个是在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar背景色一样的View添加到原来状态栏的位置(或者直接在根布局设置一个和ToolBar一样的背景色,不过测试时发现这个方法在有DrawerLayout时好像不管用)。
第一种方法
为ToolBar顶部设置一个高度和状态栏一样的padding或margin
1.1 一个坑
最开始我使用的是第一种方法,在ToolBar外面套一层布局,然后为ToolBar设置顶部margin。但是发现了一个很奇葩的问题,在4.4以上系统上底部聊天及评论框不能被系统输入法顶上去。如下图2(图片引用自,关于这个问题更详细的描述也可以点击此链接)。
原因是因为设置状态栏透明后得设置android:fitsSystemWindows="true"这个属性。当时我的解决办法是使用 动态计算布局的高度。这个方法在华为等手机上存在兼容性问题。我在源码的基础上做了一些修改,修改后的效果在华为,小米,三星等手机上测试均正常。修改后的代码看我另外一篇文章。
1.2 含有DrawerLayout+NavigationView
这里还要注意的一个问题是如果页面含有DrawerLayout,而且侧滑菜单栏使用的是NavigationView,记得给NavigationView加上app:insetForeground="#"。否则侧滑时会出现一个半透明的状态栏。如下图3。
1.3 兼容4.4
另外就是在4.4系统上如果使用DrawerLayout+NavigationView,在NavigationView上会出现下图4情况。解决办法如下(参考自):
if (Build.VERSION.SDK_INT & Build.VERSION_CODES.LOLLIPOP) {
//将侧边栏顶部延伸至status bar
drawer.setFitsSystemWindows(true);
//将主页面顶部延伸至虽默认为false,但经测试,DrawerLayout需显示设置
drawer.setClipToPadding(false);
第二种方法
在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar背景色一样的View添加到原来状态栏的位置(或者直接在根布局设置一个和ToolBar一样的背景色,不过测试时发现这个方法在有DrawerLayout时好像不管用)
2.1 什么是fitsSystemWindows
使用第二种方法前我们有必要先了解下fitsSystemWindows这个属性是什么。
System windows 指的就是屏幕上status bar、 navigation bar等系统控件所占据的部分。
android:fitsSystemWindows="true"
这个属性的作用就是通过设置View的padding,使得应用的content部分——Activity中setContentView()中传入的就是content——不会与system window重叠。
这个属性的详细介绍看这里
2.2 封装好的代码
“新建一个和ToolBar一样背景色的View添加到原来状态栏的位置”
的代码如下(参考自):
public static void setStateBarColor(Activity activity) {
// 设置状态栏颜色
ViewGroup contentLayout = (ViewGroup) activity.findViewById(android.R.id.content);
setupStatusBarView(activity, contentLayout, Color.parseColor("#FF5677FC"));
// 设置Activity layout的fitsSystemWindows
View contentChild = contentLayout.getChildAt(0);
contentChild.setFitsSystemWindows(true);//等同于在根布局设置android:fitsSystemWindows="true"
private static void setupStatusBarView(Activity activity, ViewGroup contentLayout, int color) {
View mStatusBarView =
View statusBarView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
contentLayout.addView(statusBarView, lp);
mStatusBarView = statusBarV
mStatusBarView.setBackgroundColor(color);
/** * 获得状态栏高度 */
private static int getStatusBarHeight(Context context) {
int resourceId =context.getResources().getIdentifier("status_bar_height", "dimen", "android");
return context.getResources().getDimensionPixelSize(resourceId);
使用方法:
在相应Activity中调用setStateBarColor(activity)方法即可。
但是这种方法有个缺陷是在DrawerLayout上当侧滑菜单NavigationView滑出来时状态栏会浮在上面。如下图3。目前并未找到解决方案。
可以看到两种方式都不算是完美,实际项目中可以根据需要选择合适的方式。
1.有DrawerLayout时优先选择第一种为ToolBar设置Padding或Margin的方式。
2.底部有输入框的聊天和评论界面优先选择在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar一样背景色的View添加到原来状态栏的位置的方式。当然你也可以选择统一用第一种方式,然后使用动态调整输入框的位置。
源码已上传到GitHub。
用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料? 从这篇文章中你能获得这些料: 知道setContentView()之后发生了什么? ... Android 获取 View 宽高的常用正确方式,避免为零 - 掘金相信有很多朋友...
用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你能获得这些料: 知道setContentView()之后发生了什么? ... Android 获取 View 宽高的常用正确方式,避免为零 - 掘金 相信有很多...
前言 网上已经有很多有关于系统状态栏的解决方案,这篇文章也不会有什么新奇的解决方案,都是本人经过自己试验,统计提炼出来的相对靠谱的一套解决方案.如果是android大牛可以忽略本文,怕让您贱笑.只面向小白,帮助小白减少摸索的时间. 关于术语 网上有很多争论: 你这状态栏是变...
前言 原文:http://blog.csdn.net/mybeta/article/details/ 这里说的沉浸状态栏是指透明状态栏,至于为什么国内喜欢将透明状态栏说成沉浸式状态栏,可参考 为什么在国内会有很多用户把「透明栏」(Translucent Ba...
一提到沉浸式状态栏,第一个浮现在脑海里的词就是“碎片化”。碎片化是让 Android 开发者很头疼的问题,相信没有哪位开发者会不喜欢“write once, run anywhere”的感觉,碎片化让我们不得不耗费精力去校验代码在各个系统版本、各个机型上是否有效。因此以前我...
亲爱的家人们,亲爱的新朋友们,有很多朋友,特别是新加入进来的朋友们,大家会有许多疑惑,什么是满星云,满星云到底是一家什么公司,他有什么实力让我们把钱投入到这里,并且能让我们放心呢。今天我就跟大家分享一下满星云的总裁赖彩云在国际上的影响力,和我们满星云所具备的实体产业。MON...
有一种言论说朋友之间如果借钱,久而久之朋友都做不成。以前没需要去跟别人借钱,亮哥的同事或者朋友倒是有不少借钱的,每次都会气他为什么交了这样的朋友。他回答说谁都有犯难的时候,先帮人家,以后有需要人家才会帮助自己,对此我很不屑一顾。 直到最近张罗买房,才知道在难的时候为你慷慨解...
洁白的仙鹤啊, 请把翅膀借给我, 不飞遥远的地方, 只到理塘就回。
——仓央嘉措
理塘在藏语里是:平坦如铜镜的草坝的意思,有“世界第一高城”之称,风景优美,物产丰富,这里有著名的理塘寺,但这里也是很多行者闻之色变的地方。
温州那个大哥就告诫我们:不要在理...
“一二三,到台湾,台湾处处有趣谈,穿吃住行多奇妙,怪模怪样上舌尖。”这是我台湾之行的感受,现在将它分享出来,为再去台湾的驴友,提供一点点——文化导航。
台湾是中国名副其实的宝岛,是我国风光最美丽、趣味最奇特的旅游胜地之一。
台湾乳名叫“福尔摩沙”,这是因...
。 出差在长沙,晚饭后酒店周边散步。 远远的看到一个中年男人笑着问我: 美女,打麻将不? 我警觉了一下,抬头看到他家的招牌,哦是麻将馆的老板在招揽生意。 我笑笑摇摇头说,不会打。 老板继续一副笑脸: 不会打呀,辣是潜在客副。 #快乐湘都,名不虚传#当前位置: &>&&>& >
Android右滑退出+沉浸式(透明)状态栏
上篇文章一个千万量级的APP使用的一些第三方库中,在说到一个使用很广泛的滑动退出库SwipeBaLayout时有提过有时间会分享自己在项目中引入这个库的时候填过的一些坑。前段时间项目加入沉浸式状态栏效果的时候也走了不少弯路,而且两者结合效果还不错,就一起分享出来了。先上效果图:
右滑退出+沉浸式(透明)状态栏效果.gif
一、添加 SwipeBaLayout
compile 'me.imid.swipebacklayout.lib:library:1.0.0'
step1:BaseActivity
新建一个继承SwipeBackActivity的BaseActivity类,SwipeBackActivity的代码请看SwipeBackLayout库源码,在onCreate方法内添加如下两行代码。所有继承BaseActivity的页面都能具有滑动效果了。但比如登录页和主页面等部分不需要右滑效果的Activity可以通过setSwipeBackEnable(false)方法禁用右滑效果。
mSwipeBackLayout = getSwipeBackLayout();
// 设置滑动方向,可设置EDGE_LEFT, EDGE_RIGHT, EDGE_ALL,EDGE_BOTTOM
mSwipeBackLayout.setEdgeTrackingEnabled(SwipeBackLayout.EDGE_LEFT);
step2:设置theme
在style.xml文件中添加以下代码
&!-- 设置右滑主题 --&
&style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar"&
&item name="android:windowAnimationStyle"&@style/HoloThemeActivityAnimation&/item&
&!-- 设置背景透明,右滑时才能看到上一个界面,否则会看到黑屏效果--&,
&item name="android:windowIsTranslucent"&true&/item&
&!--Activity退出动画--&
name="HoloThemeActivityAnimation" parent="@android:style/Animation.Activity"&
&item name="android:activityOpenEnterAnimation"&@anim/activity_open_enter&/item&
&item name="android:activityOpenExitAnimation"&@anim/activity_open_exit&/item&
&item name="android:activityCloseEnterAnimation"&@anim/activity_close_enter&/item&
&item name="android:activityCloseExitAnimation"&@anim/activity_close_exit&/item&
&!--主界面单独设置以下主题,不透明,否则右滑不是显示上一个页面而是直接显示桌面了~--&
&style name="AppThemeNoTranslucent" parent="Theme.AppCompat.DayNight.NoActionBar"&
&item name="android:windowNoTitle"&true&/item&
&item name="android:windowIsTranslucent"&false&/item&
step3:AndroidManifest
在AndroidManifest文件中 application节点设置全局主题android:theme="@style/AppTheme"。
为主界面单独设置不透明主题android:theme="@style/AppThemeNoTranslucent"。
二、加入沉浸式状态栏效果
先上效果图:
效果图.png
关于沉浸式状态栏这个资料现在很多,但感觉很多介绍的并不全面,我自己也试过挺多方法后才有了目前这个方案。
step1:首先得设置状态栏透明
关于状态栏透明最开始用的是以下方法,这也是目前在网上看到的比较多的一种方法,但是后来发现在部分5.0以上系统上会有兼容性问题:
//以下方案在部分5.0以上手机内会有兼容性问题,会有一个半透明的背景附在状态栏位置上
final int sdk = Build.VERSION.SDK_INT;
Window window = getWindow();
WindowManager.LayoutParams params = window.getAttributes();
if (sdk &= Build.VERSION_CODES.KITKAT) {
int bits = WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
// 设置透明状态栏
if ((params.flags & bits) == 0) {
params.flags |=
window.setAttributes(params);
发现这个问题在百度音乐和360卫士等APP上也是存在的,看以下两个截图。(可能我的测试机有点非主流~,在小米,华为等主流手机上以上方法和这两个APP测试都正常)
百度音乐.png
360手机卫士.png
后来在Android 系统状态栏沉浸式/透明化完整解决方案这篇文章的评论内下面发现了下面这个方法。可以实现完美的状态栏透明效果。
//最终方案
if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.LOLLIPOP) {
//5.0 全透明实现
//getWindow.setStatusBarColor(Color.TRANRENT)
Window window = getWindow();
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUN DS);
window.setStatusBarColor(Color.TRANRENT);
} else if (Build.VERSION.SDK_INT &= Build.VERSION_CODES.KITKAT) {
//4.4 全透明状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
step2:设置标题栏的高度
状态栏透明后本来以为这事情差不多了,不过事实证明这仅仅是另外一个坑的开始。设置状态栏透明后,ToolBar(或者自定义的titleBar)就会跑到StatusBar下面,如图1。处理这个问题有两个思路。一个是为ToolBar顶部设置一个高度和状态栏一样的padding或margin。第二个是在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar背景色一样的View添加到原来状态栏的位置(或者直接在根布局设置一个和ToolBar一样的背景色,不过测试时发现这个方法在有DrawerLayout时好像不管用)。
第一种方法
为ToolBar顶部设置一个高度和状态栏一样的padding或margin
1.1 一个坑
最开始我使用的是第一种方法,在ToolBar外面套一层布局,然后为ToolBar设置顶部margin。但是发现了一个很奇葩的问题,在4.4以上系统上底部聊天及评论框不能被系统输入法顶上去。如下图2(图片引用自另外两种android沉浸式状态栏实现思路,关于这个问题更详细的描述也可以点击此链接)。
原因是因为设置状态栏透明后得设置android:fitsSystemWindows="true"这个属性。当时我的解决办法是使用AndroidBug5497Workaround 动态计算布局的高度。这个方法在华为等手机上存在兼容性问题。我在源码的基础上做了一些修改,修改后的效果在华为,小米,三星等手机上测试均正常。修改后的代码看我另外一篇文章关于AndroidBug5497Workaround方法的兼容性问题。
1.2 含有DrawerLayout+NavigationView
这里还要注意的一个问题是如果页面含有DrawerLayout,而且侧滑菜单栏使用的是NavigationView,记得给NavigationView加上app:insetForeground="#"。否则侧滑时会出现一个半透明的状态栏。如下图3。
1.3 兼容4.4
另外就是在4.4系统上如果使用DrawerLayout+NavigationView,在NavigationView上会出现下图4情况。解决办法如下(参考自Android 系统状态栏沉浸式/透明化完整解决方案):
if (Build.VERSION.SDK_INT & Build.VERSION_CODES.LOLLIPOP) {
//将侧边栏顶部延伸至status bar
drawer.setFitsSystemWindows(true);
//将主页面顶部延伸至虽默认为false,但经测试,DrawerLayout需显示设置
drawer.setClipToPadding(false);
第二种方法
在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar背景色一样的View添加到原来状态栏的位置(或者直接在根布局设置一个和ToolBar一样的背景色,不过测试时发现这个方法在有DrawerLayout时好像不管用)
2.1 什么是fitsSystemWindows
使用第二种方法前我们有必要先了解下fitsSystemWindows这个属性是什么。
System windows 指的就是屏幕上status bar、 navigation bar等系统控件所占据的部分。
android:fitsSystemWindows="true"
这个属性的作用就是通过设置View的padding,使得应用的content部分——Activity中setContentView()中传入的就是content——不会与system window重叠。
这个属性的详细介绍看这里为什么我们要用fitsSystemWindows
2.2 封装好的代码
“新建一个和ToolBar一样背景色的View添加到原来状态栏的位置”
的代码如下(参考自Android 沉浸状态栏):
public static void setStateBarColor(Activity activity) {
// 设置状态栏颜色
ViewGroup contentLayout = (ViewGroup) activity.findViewById(android.R.id.content);
setupStatusBarView(activity, contentLayout, Color.parseColor("#FF5677FC"));
// 设置Activity layout的fitsSystemWindows
View contentChild = contentLayout.getChildAt(0);
contentChild.setFitsSystemWindows(true);//等同于在根布局设置android:fitsSystemWindows="true"
private static void setupStatusBarView(Activity activity, ViewGroup contentLayout, int color) {
View mStatusBarView =
View statusBarView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
contentLayout.addView(statusBarView, lp);
mStatusBarView = statusBarV
mStatusBarView.setBackgroundColor(color);
/** * 获得状态栏高度 */
private static int getStatusBarHeight(Context context) {
int resourceId =context.getResources().getIdentifier("status_bar_height", "dimen", "android");
return context.getResources().getDimensionPixelSize(resourceId);
使用方法:在相应Activity中调用setStateBarColor(activity)方法即可。
但是这种方法有个缺陷是在DrawerLayout上当侧滑菜单NavigationView滑出来时状态栏会浮在上面。如下图3。目前并未找到解决方案。
可以看到两种方式都不算是完美,实际项目中可以根据需要选择合适的方式。1.有DrawerLayout时优先选择第一种为ToolBar设置Padding或Margin的方式。2.底部有输入框的聊天和评论界面优先选择在根布局设置android:fitsSystemWindows="true"属性,然后新建一个和ToolBar一样背景色的View添加到原来状态栏的位置的方式。当然你也可以选择统一用第一种方式,然后使用AndroidBug5497Workaround动态调整输入框的位置。
源码已上传到GitHub点击查看。
(责任编辑:美朵)
每日重点推荐
夏医生是自己多年老同事的儿子,国外学成归来做事业,老同事担心儿子诊所刚开,门厅罗雀伤了自尊,便偷偷塞钱给李梅,求她装病去“捧场”。
一周热点文章
在线阅读专题

我要回帖

更多关于 activity 半透明主题 的文章

 

随机推荐