本文实例为大家分享了Android实现光点模糊渐变的自旋转圆环效果,供大家参考,具体内容如下
项目中需要实现的效果图如下:
可以这个表盘看到中间部分都是没有什么难点的,主要是周围圆环的三种效果:
1.渐变色
2.尖端的白点模糊效果
3.路径绘制
最终实现的效果图如下:
完美实现了三点要求。
实现思路:
1.首先是黑色底色圆环的绘制(黑色圈是固定不变的)。
2.在绘制好黑色底色圆环之后再绘制渐变色圆弧(蓝绿部分)。
3.最后绘制小星星部分,使用一张模糊图片得到bitmap,并通过PathMeasure进行路径绘制。
代码实现:
/**
* Created by jiangzn on 17/2/3.
*/
public class RoundLightBarView extends ImageView {
private int mTotalWidth, mTotalHeight;
private int mCenterX, mCenterY;
//底色画笔
private Paint mCirclePaint;
//进度条画笔
private Paint mProgressPaint;
//圆点画笔
private Paint mbitmapPaint;
private Matrix mMatrix; // 矩阵,用于对图片进行一些操作
private float[] pos; // 当前点的实际位置
private float[] tan; // 当前点的tangent值,用于计算图片所需旋转的角度
private int mCircleR;
private Context mContext;
//距离外围的边距