<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ProgressView">
<!--circleColor 設(shè)置圓形邊框的顏色 sweepColor設(shè)置扇形變換的顏色
startAngle 設(shè)置起始角度 sweepStep 設(shè)置變換的步長(zhǎng)-->
<attr name="circleColor" format="color|reference"></attr>
<attr name="sweepColor" format="color|reference"></attr>
<attr name="startAngle" format="integer"></attr>
<attr name="sweepStep" format="integer"></attr>
<attr name="padding" format="integer"></attr>
</declare-styleable>
</resources>

package com.yztc.customprogressview;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
/**
* 自定義的
*/
public class ProgressView extends View {
private int sweepStep = 10;//扇形變換的步長(zhǎng)(就是角度)
private int padding = 40;//外邊框距離扇形的距離 填充
private int circleColor = Color.GRAY;//邊框的顏色
private int sweepColor = Color.BLUE;//扇形顏色
private int startAngle = 90;//起始角度
//設(shè)置外邊框圓的邊框粗細(xì)
private int storke = 20;
private int sweepAngle = 0;//掃過的角度
private static final int DEFAULT_WIDTH = 200;
private static final int DEFAULT_HEIGHT = 200;
public ProgressView(Context context) {
super(context);
}
//如果要在xml文件中使用該自定義控件，則必須重寫兩個(gè)參數(shù)的構(gòu)造函數(shù)
//因?yàn)槲覀兪褂米远x的屬性的時(shí)候，會(huì)默認(rèn)傳遞過來一個(gè)AttributeSet集合
public ProgressView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.ProgressView);
if (array != null) {
//獲取我們?cè)趚ml中設(shè)置的各個(gè)自定義屬性
sweepStep = array.getInteger(R.styleable.ProgressView_sweepStep, sweepStep);
padding = array.getInteger(R.styleable.ProgressView_padding, padding);
circleColor = array.getColor(R.styleable.ProgressView_circleColor, circleColor);
sweepColor = array.getColor(R.styleable.ProgressView_sweepColor, sweepColor);
startAngle = array.getInteger(R.styleable.ProgressView_startAngle, startAngle);
//回收TypeArray資源
array.recycle();
}
}
/**
* 先繪制外邊框 －－內(nèi)部扇形
*
* @param canvas
*/
@Override
protected void onDraw(Canvas canvas) {
Paint mPaint = new Paint();
mPaint.setAntiAlias(true); //設(shè)置抗鋸齒
//繪制外層的圓框
mPaint.setColor(circleColor);
mPaint.setStrokeWidth(storke);
mPaint.setStyle(Paint.Style.STROKE);//設(shè)置圓形為空心的圓
//這里我們得到控件的Height和Width，根據(jù)Heigh和Width來確定圓心的位置，來繪制外層圓
canvas.drawCircle(getWidth() / 2, getWidth() / 2, getWidth() / 2 - storke / 2, mPaint);
// Log.d("tag", "onDraw: "+getWidth());
invalidate();//請(qǐng)求重新繪制view
//繪制內(nèi)部的扇形
mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
mPaint.setColor(sweepColor);
/*
drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter,Paint paint)
RectF oval 指定扇形的矩形容器對(duì)象 指定圓弧的外輪廓的矩形
float startAngle 表示圓弧的起始角度
float sweepAngle 表示圓弧走過掃過的角度 順時(shí)針方向
boolean useCenter 如果設(shè)置為true 在繪制圓弧時(shí)將圓心包括在內(nèi)，是指以一個(gè)固定的圓心來繪制弧形（扇形），
如果指定為false，則不規(guī)則繪制扇形
Paint paint 畫筆 顏色 填充
public RectF(float left, float top, float right, float bottom)
float left 矩形的左邊點(diǎn)(左切點(diǎn))的x坐標(biāo)
float top 矩形上邊點(diǎn)(上切點(diǎn))的y軸坐標(biāo)
float right, 矩形的右邊點(diǎn)(右切點(diǎn))的x坐標(biāo)
float bottom 矩形的下邊點(diǎn)(下切點(diǎn))的y坐標(biāo)
*/
//RectF中的四個(gè)參數(shù)，分別對(duì)應(yīng)其內(nèi)切圓的四個(gè)切點(diǎn)的坐標(biāo)
RectF rectF = new RectF(padding + storke, padding + storke, getWidth() - padding - storke, getWidth() - padding - storke);
canvas.drawArc(rectF, startAngle, sweepAngle, true, mPaint);
sweepAngle += sweepStep;//根據(jù)步長(zhǎng)更新掃過的角度
sweepAngle = sweepAngle > 360 ? 0 : sweepAngle;
invalidate();//重繪view
}
//因?yàn)槲覀兪抢^承的View來自定義的View，所以onMeasure()方法要重寫
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int wMode = MeasureSpec.getMode(widthMeasureSpec);
int hMode = MeasureSpec.getMode(heightMeasureSpec);
int wSize = MeasureSpec.getSize(widthMeasureSpec);
int hSize = MeasureSpec.getSize(heightMeasureSpec);
//因?yàn)槔L制的是圓，所以判斷一下高度或者寬度中的一個(gè)就可以。
switch (wMode) {
case MeasureSpec.AT_MOST://android:layout_width="warp_content"
//獲取屏幕像素
float density = getResources().getDisplayMetrics().density;
wSize = (int) (DEFAULT_WIDTH * density);
hSize = (int) (DEFAULT_HEIGHT * density);
break;
//當(dāng)在xml中指定控件的寬高為match_parent或者指定數(shù)值的寬高時(shí)，回調(diào)以下代碼
case MeasureSpec.EXACTLY://android:layout_width="match_parent" android:layout_width="40dp"
wSize = hSize = Math.min(wSize, hSize);
break;
}
//只要重寫onMeasure()方法，一定要調(diào)用以下方法，不然會(huì)報(bào)錯(cuò)
setMeasuredDimension(wSize, hSize);
}
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.yztc.customprogressview.MainActivity">
<com.yztc.customprogressview.ProgressView
android:id="@+id/pv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#0000ff"
app:padding="20"
app:circleColor="#aa0000"
app:sweepColor="#00aa00"
app:sweepStep="1"
app:startAngle="180"
/>
</RelativeLayout>