思路参考网上大神的,该博客用于一起学习,谢谢^ ^
刻度盘gif效果图:
思路:
1 自定义view的步骤,根据需求extends View
重写onMeasure onLayout onDraw 测量 排版 绘制
根据需求,没有继承ViewGroup onLayout不必重写
2 onMeasure利用宽高约束获得xml中设置宽高,取最小为绘制圆弧的直径,确定圆弧所在的矩形区域,因为绘制圆的api需要传RectF对象
// oval是一个RectF对象为一个矩形
// startAngle为圆弧的起始角度
// sweepAngle为圆弧的经过角度(扫过角度)
// useCenter为圆弧是一个boolean值,为true时画的是圆弧,为false时画的是割弧
// paint为一个画笔对象
canvas.drawArc(oval,startAngle,sweepAngle,useCenter,paint);
3 绘制刻度:画布平移到圆心,旋转画布,绘制刻度。(根据实际需求灵活绘制)
4 提供对外方法,改变角度重新调用ondraw方法绘制(考虑线程)
5 提供接口,功能扩展
先贴代码,注释很全,之前先贴几个问题
view的坐标(每个view都已自己为中心)望舒大哥博客下载的:
canvas旋转 顺时针rotate方法参数为正顺时针,负数为逆时针,中心是坐标原点
code:
package com.weiyu.sharedanimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import java.util.Timer;
import java.util.TimerTask;
/**
* 作者:haoran on https://github.com/woaigmz 2017/5/27.
* 邮箱:1549112908@qq.com
* 说明:
*/
public class DivisionCircleView extends View {
private int len;
private RectF oval;
//起始角度
private float startAngle=120;
//经过角度
private float sweepAngle=300;
// 刻度经过角度范围
private float targetAngle = 300;
private Paint paint;
private float radius;
// 绘制文字
private Paint textPaint;
// 画水球的画笔
private Paint waterPaint;
boolean useCenter = false;
public DivisionCircleView(Context context, @Nullable Attribute