ArgbEvaluator一个计算颜色渐变值的类

最新推荐文章于 2021-03-04 08:43:22 发布

踏破铁鞋5寻花

最新推荐文章于 2021-03-04 08:43:22 发布

阅读量8.2k

点赞数 2

分类专栏：学习与探索文章标签： android viewpager动画

本文链接：https://blog.csdn.net/u013581141/article/details/68063469

版权

本文介绍了如何利用ArgbEvaluator在Android中创建颜色渐变效果，特别是在ViewPager页面切换时，实现标题栏颜色随着标签页主题色平滑过渡。通过定义颜色常量，初始化并使用ArgbEvaluator计算渐变色，配合布局和活动代码，达到良好的视觉体验。

摘要由CSDN通过智能技术生成

ArgbEvaluator一个计算颜色渐变值的类

ArgbEvaluator一个计算颜色渐变值的类

一.前言

为了提升应用的颜值，设计师会有这样的思路，增加应用的颜色复杂度。比如一个应用有着比较多的标签页面，每个标签页面有不同的主题颜色，当页面滑动切换的时候，我们希望标题的颜色也要随着标签页面的主题色更改，但是并不希望出现生硬的颜色转换，这个时候就需要我们去通过滑动的进程来计算不同标签主题色之间的渐变色。这个时候我们可以考虑使用ArgbEvaluator。

二.效果展示

1.文字描述

标签一的主题色是红色，标签二的主题色是绿色，当使用viewpager进行页面切换的时候，我们希望在滑动的过程中我们的标题栏会随着滑动的过程进行颜色的渐变。

2.效果

示例图片

三.ArgbEvaluator的使用

定义颜色常量

private int PAGE_COLOR_ONE;
private int PAGE_COLOR_TWO;

初始化颜色常量

PAGE_COLOR_ONE = ContextCompat.getColor(this, R.color.colorPrimary);
PAGE_COLOR_TWO = ContextCompat.getColor(this, R.color.colorAccent);

使用ArgbEvaluator进行渐变颜色的计算

ArgbEvaluator argbEvaluator = new ArgbEvaluator();//渐变色计算类
int currentLastColor = (int) (argbEvaluator.evaluate(positionOffset, PAGE_COLOR_ONE, PAGE_COLOR_TWO));
//positionOffset:表示渐变度，取0.0F-1.0F之间某一值
//PAGE_COLOR_ONE:表示起始颜色值
//PAGE_COLOR_TWO:表示最终颜色值
//currentLastColor:表示由以上三个参数计算得到的渐变颜色值

四.实践

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_main"