自定义view之心率线

先发个图：

我拿着设计图问美工MM，中间这波浪是什么鬼。她说是心率线。额，，，，好吧，无语，画呗。

再怎么说你也弄个正弦波出来啊，算了，看你颜值的份上。。。

效果图：

基本原理图如下，在view的右侧非可视区内加载脉冲数组，一个脉冲数组记录了脉冲那几个点在view中的高度

1.  定义attr属性，并在构造体初始化。

attrs.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="HeartRateLine">
        <attr name="pulses" format="integer"/>
        <attr name="pointsOfEachPulse" format="integer"/>
        <attr name="speed" format="integer"/>     
    </declare-styleable>    
</resourc