自定义螺旋丸

简单的自定义螺旋丸样式图

这个是一个简单的自定义view 可供参考 先上代码

package com.ybl.bullseye;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by yangbolin on 2/29/16.
 */
public class BullsEyeView extends View {
    private Paint mPaint;
    private Point mCenter;
    private float mRadius;

    /**
     * java 构造函数
     * @param context
     */
    public BullsEyeView(Context context) {
        super(context);
    }

    /**
     * XML构造函数
     * @param context
     * @param attrs
     */
    public BullsEyeView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 带有样式的XML构造函数
     * @param context
     * @param attrs
     * @param defStyleAttr
     */
    public BullsEyeView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //在此构造函数中进行试图的初始化工作



    }

    public BullsEyeView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width,height;
        int contentWidth = 100;
        int contentHeight = 100;
        width = getMeasurement(widthMeasureSpec,contentHeight);
        height = getMeasurement(heightMeasureSpec,contentHeight);
        //必须使用测量值调用次方法
        setMeasuredDimension(width,height);

    }
    private int getMeasurement(int measureSpec,int contentSize){
        int specSize = MeasureSpec.getSize(measureSpec);
        switch (MeasureSpec.getMode(measureSpec)){
            case MeasureSpec.AT_MOST:
                return Math.min(specSize,contentSize);
            case MeasureSpec.UNSPECIFIED:
                return contentSize;
            case MeasureSpec.EXACTLY:
                return specSize;
            default:
                return 0;
        }
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mCenter = new Point();
        if (w != oldw || h!=oldh){
            mCenter.x = w/2;
            mCenter.y = h/2;
            mRadius = Math.min(mCenter.x,mCenter.y);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        //我们要绘制填充的圆
        mPaint.setStyle(Paint.Style.FILL);
        //创建圆的中心
        mPaint.setColor(Color.RED);
        canvas.drawCircle(mCenter.x, mCenter.y, mRadius, mPaint);
        mPaint.setColor(Color.WHITE);
        canvas.drawCircle(mCenter.x, mCenter.y, mRadius * 0.8f, mPaint);
        mPaint.setColor(Color.BLUE);
        canvas.drawCircle(mCenter.x, mCenter.y, mRadius * 0.6f, mPaint);
        mPaint.setColor(Color.WHITE);
        canvas.drawCircle(mCenter.x, mCenter.y, mRadius * 0.4f, mPaint);
        mPaint.setColor(Color.RED);
        canvas.drawCircle(mCenter.x,mCenter.y,mRadius*0.1f,mPaint);
    }
}

自定义视图必须要满足几个要求，一个要求是向框架提供内容的测量。在现实是土的层次结构之前，Android会为每个元素调用onMeasure()并向该方法传递两个约束，是土应该使用这两个约束来管理如何报告其应该具备的大小。每个约束是一个称为MeasureSpec的封包整数

• AT_MOST:如果视图的布局参数是match_parent或存在其他的大小上线，则通常使用此模式。该模式高速视图，其应该报告所需的大小，前提是不超出规范中规定的值
• EXACTLY:如果视图的布局参数是固定值，则通常使用此模式。框架期望视图自动设置其大小以匹配规范————不多不少
• UNSPECIFIED:该值通畅用于支出视图在无约束时所需要的大小。它可能是另一个wrap_content且福街店中没有其他约束。在此模式中，视图可能报告其在任何情况下所需要的大小。此规范中的大小通常为0

完成所有报告大小的计算后，必须在onMeasure()返回之前讲这些值传入setMeasuredDimension()调用。如果没有这样做，框架将报告严重的错误。

第二个步骤就是绘制。对视图进行测量并将其放置在布局层次结构中之后，框架将为视图构造一个Canvas实例，调整期大小并放置在适当位置，然后通过onDraw()传递该实例以供视图使用。Canvas对象主流单独的绘制调用，因此它包括的drawLine(),drawBitmap()和drawText()等方法用于独立地布局视图内容。如同其名称所暗示的那样，Canvas使用Painter的算法，因此最后悔之的项将放置在第一个绘制项的顶端。
绘制的内容会依附到通过测量和布局提供的视图的边界上，因此虽然可以对Canvas元素进行评议，缩放，旋转等操作，但不能在防治视图的矩形外部绘制内容。
最后在onDraw()中提供的内容不包括视图的背景，可以使用setBackgroundColor()或setBackgroundResource()等方法设置该背景。如果在视图上设置背景，则背景会自动绘制，不需要在onDraw()中进行处理。