基于高德SDK实现跑步时轨迹渐变功能

今天在无意间翻看半年多前做的项目的时候,除了对自己当时写的渣代码的无尽嫌弃,更多是感叹当时在遇到困难时的种种不易,印象比较深刻的是在做重邮约跑的时候视觉要求做一个跑步时轨迹动态渐变的功能,并且采用均匀渐变,当时翻看高德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 
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值