android沉浸状态栏工具,Android 沉浸式状态栏 渐变颜色的实现

最新推荐文章于 2021-08-17 10:58:12 发布
最新推荐文章于 2021-08-17 10:58:12 发布
阅读量291 收藏
点赞数
文章标签： android沉浸状态栏工具

原标题：Android 沉浸式状态栏 渐变颜色的实现

Android 沉浸式状态栏 渐变颜色的实现

最近在开发中遇到一种个性化的需求，类似于QQ顶部的渐变状态栏的实现，如下图

23493adfdb431aee45d5f836e647f67c.png

首先我们要了解在Android5.0以后，系统API提供直接设置StatusBar来改变状态栏的颜色，然而在4.4上StatusBar变色的基本原理就是将StatusBar本身设置为透明，然后在StatusBar的位置添加一个相同大小的View并上色。没办法，我们要做的渐变颜色状态栏就是要兼容上下版本的差异

纯色兼容状态栏

b7a07e6d56a2259f2ec16bce8b878220.png

代码如下

/**

* 设置状态栏颜色

*

* @paramactivity 需要设置的activity

* @paramcolor 状态栏颜色值

* @paramstatusBarAlpha 状态栏透明度

*/

publicstaticvoidsetColor(Activity activity, @ColorInt intcolor, @IntRange(from = 0, to = 255)intstatusBarAlpha){

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

//5.0以上版本

//设置FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS属性才能调用setStatusBarColor方法来设置状态栏颜色

activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

//设置FLAG_TRANSLUCENT_STATUS透明状态栏

activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

//根据输入的颜色和透明度显示

activity.getWindow().setStatusBarColor(calculateStatusColor(color, statusBarAlpha));

} elseif(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

//低版本

//添加透明状态栏

activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

//获取顶级视图

ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();

//获取顶部的StatusBarView,自定义StatusBarView的Id(在resources中创建Id)

View fakeStatusBarView = decorView.findViewById(R.id.statusbarutil_fake_status_bar_view);

if(fakeStatusBarView != null) {

if(fakeStatusBarView.getVisibility() == View.GONE) {

fakeStatusBarView.setVisibility(View.VISIBLE);

}

//设置顶层颜色

fakeStatusBarView.setBackgroundColor(calculateStatusColor(color, statusBarAlpha));

} else{

//上述不符合，则创建一个View添加到顶级视图中

decorView.addView(createStatusBarView(activity, color, statusBarAlpha));

}

setRootView(activity);

}

}

calculateStatusColor(计算状态栏颜色)/**

* 计算状态栏颜色

*

* @paramcolor color值

* @paramalpha alpha值

* @return最终的状态栏颜色

*/

privatestaticintcalculateStatusColor(@ColorInt intcolor, intalpha){

if(alpha == 0) {

returncolor;

}

floata = 1- alpha / 255f;

intred = color >> 16& 0xff;

intgreen = color >> 8& 0xff;

intblue = color & 0xff;

red = ( int) (red * a + 0.5);

green = ( int) (green * a + 0.5);

blue = ( int) (blue * a + 0.5);

return0xff<< 24| red << 16| green << 8| blue;

}

自定义View状态栏/**

* 自定义View状态栏

*

* @paramactivity 需要设置的activity

* @paramcolor 状态栏颜色值

* @paramalpha 透明值

* @return状态栏矩形条

*/

privatestaticView createStatusBarView(Activity activity, @ColorInt intcolor, intalpha){

// 绘制一个和状态栏一样高的矩形

View statusBarView = newView(activity);

LinearLayout.LayoutParams params =

newLinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));

statusBarView.setLayoutParams(params);

statusBarView.setBackgroundColor(calculateStatusColor(color, alpha));

//自定义的StatusBarView的Id

statusBarView.setId(FAKE_STATUS_BAR_VIEW_ID);

returnstatusBarView;

}

最后重新规划布局

setRootView/**

* 设置根布局参数

*/

privatestaticvoid setRootView(Activity activity) {

//ViewGroup容器存放UI组件

ViewGroup parent= (ViewGroup) activity.findViewById(android.R.id.content);

for(int i = 0, count = parent.getChildCount(); i < count; i++) {

View childView = parent.getChildAt(i);

if(childView instanceofViewGroup) {

childView.setFitsSystemWindows( true);

((ViewGroup) childView).setClipToPadding( true);

}

}

}

由此纯色状态栏的基本配置就可以了，只需要创建Utils工具类在Activity中调用即可，

//设置纯色状态栏

StatusBarUtil.setColor( this, AppUtils.getColor(R.color.colorPrimary));

渐变色兼容状态栏

2e6ca8cd1f45ad938e8ccd9d9593c944.png

关于渐变颜色的状态栏，实现方法有很多种，比如(反射拿到StatusBar并设置setBackgroundResource将shape渐变颜色添加进来即可，创建View填充状态栏)，这里我们介绍的是第二种方法，创建View填充状态栏(有没有方法跟上面的方法很类似)

代码如下

/**

* 为界面设置自定义透明View

*

* @param activity 需要设置的activity

* @param statusBarAlpha 状态栏透明度

* @param needOffsetView 需要向下偏移的 View

public static void setTranslucentForWindow(Activity activity, @IntRange(from = 0, to = 255) intstatusBarAlpha,

View needOffsetView) {

if(Build.VERSION.SDK_INT > Build.VERSION_CODES.KITKAT) {

//5.0以上版本

setTransparentForWindow(activity);

addTranslucentView(activity, statusBarAlpha);

if(needOffsetView != null) {

Object haveSetOffset = needOffsetView.getTag(TAG_KEY_HAVE_SET_OFFSET);

if(haveSetOffset != null && (Boolean) haveSetOffset) {

return;

}

ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) needOffsetView.getLayoutParams();

layoutParams.setMargins(layoutParams.leftMargin, layoutParams.topMargin + getStatusBarHeight(activity),

layoutParams.rightMargin, layoutParams.bottomMargin);

needOffsetView.setTag(TAG_KEY_HAVE_SET_OFFSET, true);

}

} else{

//低版本

//添加透明状态栏

activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

//获取顶级视图

ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();

//获取顶部的StatusBarView,自定义id

View fakeStatusBarView = decorView.findViewById(FAKE_STATUS_BAR_VIEW_ID);

if(fakeStatusBarView != null) {

if(fakeStatusBarView.getVisibility() == View.GONE) {

fakeStatusBarView.setVisibility(View.VISIBLE);

}

//设置顶层颜色

fakeStatusBarView.setBackgroundResource(R.drawable.shape_gradient);

} else{

//上述不符合，则创建一个View添加到顶级视图中

View statusBarView = new View(activity);

LinearLayout.LayoutParams params =

new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));

statusBarView.setLayoutParams(params);

fakeStatusBarView.setBackgroundResource(R.drawable.shape_gradient);

statusBarView.setId(FAKE_STATUS_BAR_VIEW_ID);

decorView.addView(statusBarView);

}

setRootView(activity);

}

}

getStatusBarHeight/**

* 获取状态栏高度

*

* @paramcontext context

* @return状态栏高度

*/

publicstaticintgetStatusBarHeight(Context context){

// 获得状态栏高度

intresourceId = context.getResources().getIdentifier( "status_bar_height", "dimen", "android");

returncontext.getResources().getDimensionPixelSize(resourceId);

}

setTransparentForWindow/**

* 设置透明

*/

publicstaticvoidsetTransparentForWindow(Activity activity){

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

activity.getWindow().setStatusBarColor(Color.TRANSPARENT);

activity.getWindow()

.getDecorView()

.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

} elseif(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

activity.getWindow()

.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

}

addTranslucentView/**

* 添加半透明矩形条

*

* @param activity 需要设置的 activity

* @param statusBarAlpha 透明值

*/

privatestaticvoidaddTranslucentView(Activity activity, @IntRange(from= 0, to = 255) intstatusBarAlpha){

ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content); //系统Id

View fakeTranslucentView = contentView.findViewById(FAKE_TRANSLUCENT_VIEW_ID);

if(fakeTranslucentView != null) {

if(fakeTranslucentView.getVisibility() == View.GONE) {

fakeTranslucentView.setVisibility(View.VISIBLE);

}

fakeTranslucentView.setBackgroundColor(Color.argb(statusBarAlpha, 0, 0, 0));

} else{

contentView.addView(createTranslucentStatusBarView(activity, statusBarAlpha));

}

}

由此渐变颜色的状态栏设置，只需要将toolbar作为View传入，调用如下

//设置渐变颜色状态栏

StatusBarUtil.setTransparentForWindow(this, mToolbar);

//布局如下

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/shape_gradient"

android:theme="@style/AppTheme.AppBarOverlay"

app:elevation="@dimen/dp0">

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

app:popupTheme="@style/ToolbarPopupTheme"

app:title="@string/main_toolbar_title_top"

app:titleTextColor="@color/colorPrimary">

至此，渐变色状态栏的配置已经介绍完全了，说实话刚开始做的时候，还真的没想到用自定义View延伸到状态栏中显示，但细想下纯色状态栏中的实现也有类似的操作，再结合一下就实现了兼容上下版本的效果

个人博客地址：https://ye-miao.github.io/

责任编辑：

宋安之
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现状态栏(statusbar)渐变效果的示例
08-29
本篇文章主要介绍了Android实现状态栏(statusbar)渐变效果的示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 沉浸式状态栏，状态栏透明，实现渐变状态栏
12-26
Android 沉浸式状态栏，状态栏透明，补足隐藏状态栏所消失的高度，实现渐变状态栏
android 状态栏标题栏设置成渐变,Android透明状态栏或者渐变色状态栏
weixin_39784972的博客
05-26 570
一、透明状态栏：我们应用的正常状态栏都是黑乎乎的，就像下面这样(模拟器版本Android4.4.2)： 不好看，我们希望的是向这样的： 这样感觉比黑黑的statusBar好看多了。实现方法：1.去/res/values/styles.xml里找到你activity或者application使用的theme，theme一定要使用NoActionBar的随便一种；2.因为这种效果是Android4.4...
1.android 改变状态栏的颜色,2 设置透明渐变式的样式!,设置状态栏为透明的渐变的
qq_28674511的博客
11-29 328
第一种是设置特定颜色的状态栏,不是渐变透明的在清单文件里面的apilication使用 application android:name=".TntApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name"
Android,实现渐变色状态栏
qq_41904106的博客
08-17 295
先看效果 实现方式很简单 设置themes.xml文件中，style name="Theme.项目名"中的colorPrimaryVariant为**#00000000**也就是透明，然后添加一个属性, “android:windowBackground”= @drawable/渐变布局 然后在渐变布局中写上以下代码： 这样你的状态栏，以及app应用中所有默认的背景都会是渐变色。 你问我，我能单独只设置这个一个界面的渐变色吗？我只能说目前我还没有办法，可以需要修改statusBar或者使用其他的第
Android设置渐变色状态栏
逍遥阁
05-29 886
1、先在drawable目录下创建一个渐变色的矩形图片xml文件：com_sswl_gradient_yello.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="0"
Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩效果
08-28
主要介绍了Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩效果即QQ好友动态页面效果，本文通过实例代码给大家介绍的非常详细，非常不错，具有参考借鉴价值,需要的朋友可以参考下
Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩
02-15
http://blog.csdn.net/yanjunhui2011/article/details/55190456 相应资源
实现沉浸式状态栏/变色状态栏
04-05
作者laobie，源码StatusBarUtil，这是一个为Android App 设置状态栏的工具类， 可以在4.4及其以上系统中实现 沉浸式状态栏/状态栏变色，支持设置状态栏透明度，满足你司设计师的各种要求(雾)。 在此之前我写过一篇...
Android 渐变色沉浸式状态栏
qq_37980878的博客
12-29 1032
效果图在最下 在AndroidManifest.xml中的activity中使用自定义主题 <activity android:name=".dailyAccompany.view.activity.AlarmListActivity" android:theme="@style/TranslucentStatusTheme" android:screenOrientat...
Android透明状态栏和颜色渐变状态栏
05-27
Android透明状态栏和颜色渐变状态栏
android statusbar背景色,Android 沉浸式状态栏statusbar颜色改变
weixin_30246833的博客
05-26 377
首先我们来看看网易云音乐对比图：943889-46b3b462b299423b对于成沉浸式状态的版本支持：Android在4.4版本推出一个透明状态栏的概念，使手机顶部的状态栏的颜色全透明。在5.0版本推出了Material Design，可以修改状态栏颜色。所以4.4之前的版本是无法设置状态栏颜色的。具体实现：在gradle文件中添加:compile 'com.android.support:a...
android渐变布局,Android 渐变色沉浸式状态栏
weixin_35241774的博客
05-26 249
效果图在最下在AndroidManifest.xml中的activity中使用自定义主题android:theme="@style/TranslucentStatusTheme"android:screenOrientation="portrait">然后在style.xml中去定义该主题要在三个不同的styles.xml文件中定义以适应不同安卓版本values的styles.xmlvalu...
Android 中沉浸式状态栏实现
ThunderRong的博客
01-25 728
1.       计算状态栏高度及调用沉浸式状态栏的相关API方法 package com.example.status; import android.annotation.TargetApi; import android.app.Activity; import android.content.Context; import android.os.Build;
Android标题栏渐变色，沉寂式状态栏
laotan7237的博客
05-29 2858
1.概述今天给大家带来的是模仿QQ7.0标题栏之自定义Toolbar github项目地址：[模仿QQ7.0标题栏之自定义Toolbar] (https://github.com/laotan7237/EasyReader/blob/master/app/src/main/java/com/laotan/easyreader/view/ColorFilterToolBar.java) 作者原创
实现Android状态栏变色（纯色或者渐变色）
ruanxiaoyao的博客
12-08 1361
实现Android状态栏变色（纯色或者渐变色） Android开发中为了保证显示一致性，可能需要调整statusBar的背景色。Android 5.0开始只需要修改styles.xml文件中colorPrimaryDark的颜色值就可以修改statusbar背景色。但是colorPrimaryDark只能设置固定色值的颜色，而且设置主题的话也是统一所有页面的statusbar都是一样的，要是某单一...
Android 沉浸式状态栏之---纯色状态栏
久坐生痔一声叹的博客
08-08 441
在你清单文件中的引用的them中引用的主题中加入如下标签就可以改成纯色的标题栏了.我试过很多网上的办法.都有一层半透不透的透明层盖在纯色的上面会产生灰蒙蒙的感觉,还是这样设置会比较好.特此记录(其实网上其他的办法有时候在手机上也可以,但是有的手机不行,最好还是在这里改最合适.纯色的情况.) 颜色         颜色         true         true
android顶部渐变显示,Android实现直播聊天区域中顶部的渐变效果
weixin_42524401的博客
05-28 330
Android实现直播聊天区域中顶部的渐变效果发布时间：2020-10-15 08:24:18来源：脚本之家阅读：102作者：MG屠夫背景在4月份开发直播时，有一个需求，需要实现一个RecylerView顶部渐变的效果实际效果解决思路图层重叠处理(本质是alpha叠加出来的效果)实现流程保存一个图层，然后画渐变，最后再和原来的图层进行合并，达到这个效果。涉及知识(不知道的请google)：*...
vant移动端沉浸式导航栏实现
最新发布
09-18
要实现移动端沉浸式导航栏，首先需要引入vant库，并在项目中按照文档中的步骤进行安装和配置。 在页面中，可以使用vant提供的NavBar组件来创建导航栏。NavBar组件提供了丰富的配置选项，可以满足不同样式的需求。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值