前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android实现状态栏(statusbar)渐变效果的示例

Android实现状态栏(statusbar)渐变效果的示例

作者头像
砸漏
发布2020-10-22 10:42:08
1.2K0
发布2020-10-22 10:42:08
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

前言

qq最近更新搞了渐变式状态栏.然后…新需求就是要加这个.唉

先来张效果图:

常见的方式:

设置Theme,状态栏透明.

代码语言:javascript
复制
 <item name="android:windowTranslucentStatus" true</item 

实现起来比较简单.

比如:SystemBarTint

几行代码搞定了.

但是.我要泼冷水,这种方式会引起这些问题:

1.软键盘弹起bug 2.fragment不适应

这种方式的优点:

兼容到4.4

我的看法:

1.用全屏模式或者状态栏透明的方式去实现,感觉很勉强 2.为了一个statusbar的效果,然后去处理一大堆不适应,我认为是不值得的.特别是软键盘弹出的问题 3.如果为了适配4.4,要费这么大功夫的话…

我的实现方式:

1.拿到StatusBar:

很简单,翻翻DecorView源码,就能知道,是通过ColorViewState 配置创建的View.

由于是私有成员,要拿到对应的参数,一般做法是使用反射.

这里我取了点巧,既然是View,那么就能findviewbyId找到

只要想办法拿到com.android.internal.R.id.statusBarBackground这个id值就行了

代码语言:javascript
复制
 private void initStatusBar() {
    if (statusBarView == null) {
      //android系统级的资源id得这么拿,不然拿不到
      int identifier = getResources().getIdentifier("statusBarBackground", "id", "android");
      statusBarView = getWindow().findViewById(identifier);
    }
    if (statusBarView != null) {
      statusBarView.setBackgroundResource("你的渐变drawable资源id");
    }
  }

2.等StatusBar绘制完成

如果你直接在onCreate中调用上面的方法,你会发现,拿到的是null.

这是因为Statusbar还没绘制完成.

所以,可以在onCreate()中使用Looper.myQueue().addIdleHandler()来保证Statusbar绘制完成后再findview.

然后对DecorView设置addOnLayoutChangeListener监听

当布局发生变化,就设置statusbar的背景

代码语言:javascript
复制
    Looper.myQueue().addIdleHandler(new MessageQueue.IdleHandler() {
      @Override
      public boolean queueIdle() {
        if (isStatusBar()) {
          initStatusBar();
          getWindow().getDecorView().addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
            @Override
            public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
              initStatusBar();
            }
          });
        }
        return false;
      }
    });

3.为什么要addOnLayoutChangeListener:

其实不加监听,也能实现改变statusbar颜色的效果..但是会出现问题

比如弹软键盘后,弹popwindow后,引起window状态改变时,statusbar的颜色就会复原…

基本完整的代码

代码语言:javascript
复制
  private View statusBarView;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    //延时加载数据.
    Looper.myQueue().addIdleHandler(new MessageQueue.IdleHandler() {
      @Override
      public boolean queueIdle() {
        if (isStatusBar()) {
          initStatusBar();
          getWindow().getDecorView().addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
            @Override
            public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
              initStatusBar();
            }
          });
        }
        //只走一次
        return false;
      }
    });
  }
  private void initStatusBar() {
    if (statusBarView == null) {
      int identifier = getResources().getIdentifier("statusBarBackground", "id", "android");
      statusBarView = getWindow().findViewById(identifier);
    }
    if (statusBarView != null) {
        statusBarView.setBackgroundResource("你的渐变drawable资源id");
    }
  }

   protected boolean isStatusBar() {
    return true;
  }

这种方式的缺点:

1.因为没有使用全屏的模式,所以适配4.4是没戏了.

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档