今天在无意间翻看半年多前做的项目的时候,除了对自己当时写的渣代码的无尽嫌弃,更多是感叹当时在遇到困难时的种种不易,印象比较深刻的是在做重邮约跑的时候视觉要求做一个跑步时轨迹动态渐变的功能,并且采用均匀渐变,当时翻看高德SDK时候并没有发现相应的API,所以也是一脸懵逼,只能从颜色渐变的原理入手,逐步自己写一个工具类来实现了。
效果图如下:
虽然现在来看实现起来很简单,但还是把过程记录下来吧。
1.RGB的基本概念
RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色。
要想操作渐变轨迹,就只需操作RGB三种颜色的色值就行了。
2.渐变的公式
既然渐变有公式,那么大部分问题就迎刃而解了。
假设某个通道的色值从startColor渐变到endColor,渐变距离的总距离为totalDistance,每隔 i 距离计算一次渐变的色值,则渐变公式为:
gradient = endColor +(startColor - endColor)* i /totalDistance
那么,思路就很清晰了,每次返回经纬度的时候,就绘制一点轨迹,并利用公式计算出当前轨迹的色值,即可实现渐变的轨迹。
但是,问题又来了,在跑步的时候如何能够确定跑步的总距离?当然是没办法确定的,所以当时我想到了两种方案:
第一:多数学生跑步的距离不会超过20km,就强行把totalDistance设置成20km。
第二:将渐变颜色的距离设得稍微短一点,如500米,然后采用“startColor -> endColor -> startColor -> endColor -> …”这种交替渐变的方案,实现渐变过渡。
最终综合了实际显示效果的因素,我方案二。
3.具体实现
具体实现比较简单,只需要每次动态调用GradientHelper#getGradient,便可动态确定当前位置的颜色值。
import android.graphics.Color;
import android.util.Log;
import java.util.ArrayList;
/**
* Created by xushuzhan on 2017/3/15.
*/
public