qwe749082787的博客

一、写在前面的话 今天做了个控件，觉得还挺漂亮，就拿出来给大家分享一下，主要为了给大家介绍一下ValueAnimator这个动画，确实也没啥好说的，网上一堆教程，还是说说说画这个动画好了。 二、需求分析 刚拿到需求，我们分析一下。控件有两道圆弧，第一道上面有数据段，第二段是具体数值的指示段。 数值变换的时候，需要平滑过渡，不能突兀。 三、开始画。 1、画圆弧 private void drawArc(Canvas canvas) { mBgPaint.setStrok..

一、写在前面的话 最近朋友找帮忙，需要绘制心率波形，要细腻流畅。于是研究了一下，于是就有了这篇文章。本文主要讲一下笔者的思路，控件不是实现的很好，后面有时间再打磨。主要是笔者觉得这个过程挺有意思的，就想和大家分享一下。目前的效果就像上面那样，因为手机录屏录出来掉帧太严重，就录了个视频做了张gif图，实际上面的很丝滑，下面的效果不是很理想，具体原因后面会介绍。 二、心率线的绘制思路 1、线要平滑，要有曲率，还有向左平移。 这里我用三阶贝塞尔曲线来画，其实二阶也可以，但是我以前的项目画的是三阶...

一、写在前面的话 也不知道给这个取个啥名，就随便取了一个，主要功能就如上图显示的那样，待选区view可以拖拽进九宫格中，九宫格可以按照顺时针滚动（这里没显示，后面会说一下的）。左右两个SeekBar可以配置一些参数，比如速度啊什么的。 二、分析需要的元素 1.待选区的item 2.九宫格 3.拖动的View 4.SeekBar ...

一、写在前面 最近在下班骑车回家的过程中，发现摩拜单车的解锁进度条还是挺有意思的，它是一直转，根据进度增大圆弧角度，最后有一个打钩的动画，好了，话不多说，马上就来实现一下。上面图的效果不是很好，真实效果各位自行在工程里看。（ps小白，随便做了个gif） 二、动画分析 老样子，在做什么事情之前要先分析一波，计划一波，才能成事。首先，我们观察，这个效果首先有一个圆环，这个圆环占控件的蛮大比重...

一、需求确认 首先我们要明确需求，要做一个什么样的Seekbar，分析清楚业务需求，再开始做。如图，产品大佬给的图是这样子的： 当然，作为一个工程师，第一步当然是去问问度娘，看有没有好的轮子，然后去github上淘淘金。我始终认为这是一个优秀工程师该有的解决问题的方法，哈哈~ 找过一圈之后，发现并没有适合的轮子可以用，这时心里开始咒骂产品了，“提的什么鬼需求，那么非主流”。但是骂完还得撸起...

一、写在前面的话 效果如上图，笔者在午休的时候，重新追了一遍神探狄仁杰II，蛇灵密谋利用日食，引洛河之水颠覆武周社稷。日食来临时，天地昏暗，日食之后万物回复光明。看完一想，要不我也搞一个日食效果看看，于是，就有了这篇文章。 二、分析动画 首先有一个圆，取个名字，叫太阳（Sun），月亮（Moon）缓缓从Sun上滑...