动画修改Toolbar、TabLayout和StatusBar背景色

在使用别的APP时,TabLayout、Toolbar和StatusBar颜色会随着动画更改,就像下面这样:

实现方式也很简单,为了使当前颜色改变,并使用动画,我们需要在TabLayout.OnTabSelectedListener的监听中实现onTabSelected(TabLayout.Tab tab)方法。

为了使颜色改变有动画效果,这里我使用了ValueAnimator,设置动画时间和ArgbEvaluator来处理两个ARGB颜色之间的动画步骤。

具体方式:

public class UpdateToolbarColorActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private Toolbar toolbar;
    private String[] colors = {"红", "绿", "蓝", "紫", "灰"};

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_update_toolbar_color_layout);
        tabLayout = (TabLayout) findViewById(R.id.id_tab_layout);
        toolbar = (Toolbar) findViewById(R.id.toolbar);

        for (String color : colors) {
            tabLayout.addTab(tabLayout.newTab().setText(color));
        }

        tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //获取每次颜色的初始值
                int colorFrom = ((ColorDrawable) toolbar.getBackground()).getColor();
                int colorTo = getColorForTab(tab.getPosition());
                //使颜色改变有动画效果
                ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), colorFrom, colorTo);
                //动画执行时间
                colorAnimation.setDuration(1000);
                //动画监听器
                colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animator) {
                        int color = (int) animator.getAnimatedValue();
                        //修改toolbar背景颜色
                        toolbar.setBackgroundColor(color);
                        //修改tablayout背景颜色
                        tabLayout.setBackgroundColor(color);
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                            //修改状态栏背景颜色
                            getWindow().setStatusBarColor(color);
                        }
                    }
                });
                //执行动画
                colorAnimation.start();
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }

    /**
     * 每个tab所对应的颜色值
     */
    public int getColorForTab(int position) {
        if (position == 0) return ContextCompat.getColor(this, R.color.red);
        else if (position == 1) return ContextCompat.getColor(this, android.R.color.holo_green_light);
        else if (position == 2) return ContextCompat.getColor(this, R.color.blue_color);
        else if (position == 3) return ContextCompat.getColor(this, android.R.color.holo_purple);
        else return ContextCompat.getColor(this, android.R.color.darker_gray);
    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/d_56"
        android:background="@color/white"
        ></android.support.v7.widget.Toolbar>

    <android.support.design.widget.TabLayout
        android:id="@+id/id_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:background="#fff"
        android:fillViewport="false"
        app:tabMode="fixed"
        app:layout_scrollFlags="scroll"
        app:tabIndicatorColor="#d7e3"
        app:tabIndicatorHeight="2dp"
        app:tabSelectedTextColor="#d713"
        app:tabTextColor="#ced0d3"
        app:tabTextAppearance="@style/MyCustomTextAppearance"
        >

    </android.support.design.widget.TabLayout>

</android.support.design.widget.CoordinatorLayout>

好了,到这里就结束了,具体步骤就这么多。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android知识点总结

4-AVI--Fragment与ViewPager结合

893
来自专栏Jack的Android之旅

模仿企鹅FM播放主页面滑动动态改变各视图的大小

国庆的一个任务就是把自己之前写的代码搬到博客。这次给各位带来的是通过滑动来动态改变各个View的大小进而达到企鹅FM播放页面的滑动效果(仅仅是滑动效果),老规矩...

702
来自专栏分享达人秀

RecyclerView数据动态更新

列表的数据往往会跟随业务逻辑不断刷新,所呈现出来的数据需要动态更新,那么RecyclerView是如何动态更新数据的呢? ? 之前在学习Lis...

4715
来自专栏水击三千

Android学习Tabhost、gallery、listview、imageswitcher

Tabhost控件又称分页控件,在很多的开发语言中都存在。它可以拥有多个标签页,每个标签页可以拥有不同的内容。android中,一个标签页可以放 一个view或...

2466
来自专栏Android开发与分享

【Android】RecyclerView:打造悬浮效果

46010
来自专栏Android知识点总结

1-VVI-材料设计之-TabLayout上标签

845
来自专栏Android中高级开发

Android开发之漫漫长途 番外篇——自定义View的各种姿势1

该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索...

851
来自专栏向治洪

解决Scrollview 嵌套recyclerview不能显示,高度不正常的问题

我们先看一个效果,问题说的就是中间的Grid效果在Scrollview 嵌套recyclerview显示问题,在Android Api 24是好的,不过在5,1...

3625
来自专栏Android学习之路

ViewDragHelper使用笔记及侧滑菜单实践

1906
来自专栏Android开发指南

5.侧边栏逻辑

33912

扫码关注云+社区