近期一直在學習自己定義控件,昨天看到群裏有人問怎樣怎樣實現圓盤樣式的顯示,學有所用,於是乎就有了這篇博客

先上圖,一目了然

這裏的顯示顏色以及顏色塊的大小你都能夠自己設置

這裏設置了三種顏色,相應三種顏色的三個角度

上代碼:

<?xml version="1.0" encoding="utf-8"?
>
<resources>
    <declare-styleable name="CustomCircle">
        <attr name="firstColor" format="color"/>
        <attr name="secondColor" format="color"/>
        <attr name="thirdColor" format="color"/>
        <attr name="firstAngle" format="integer"/>
        <attr name="secondAngle" format="integer"/>
        <attr name="thirdAngle" format="integer"/>
    </declare-styleable>
</resources>

TypedArray mArray = context.obtainStyledAttributes(attrs,
				R.styleable.CustomCircle, defStyleAttr, 0);
		firstColor = mArray.getColor(R.styleable.CustomCircle_firstColor,
				Color.BLUE);
		secondColor = mArray.getColor(R.styleable.CustomCircle_secondColor,
				Color.GREEN);
		thirdColor = mArray.getColor(R.styleable.CustomCircle_thirdColor,
				Color.RED);
		firstAngle=mArray.getInt(R.styleable.CustomCircle_firstAngle, 90);
		secondAngle=mArray.getInt(R.styleable.CustomCircle_secondAngle, 180);
		thirdAngle=mArray.getInt(R.styleable.CustomCircle_thirdAngle, 120);
		
		mArray.recycle();

@Override
	protected void onDraw(Canvas canvas) {
		int center=getWidth()/2;
		int radius=center/2;
		mPaint.setColor(Color.GRAY);
		mPaint.setStrokeWidth(center);
		mPaint.setAntiAlias(true);
		mPaint.setStyle(Paint.Style.STROKE);
		canvas.drawCircle(center, center, radius, mPaint);
		mPaint.setColor(firstColor);
		RectF rectF=new RectF(center-radius, center-radius, center+radius, center+radius);
		canvas.drawArc(rectF, 0, firstAngle, false, mPaint);
		mPaint.setColor(secondColor);
		canvas.drawArc(rectF, firstAngle, secondAngle, false, mPaint);
		mPaint.setColor(thirdColor);
		canvas.drawArc(rectF, secondAngle, thirdAngle, false, mPaint);
	}

<com.sdufe.thea.guo.view.CustomCircle
        android:layout_width="300dp"
        android:layout_height="300dp"
        custom:firstColor="@android:color/holo_purple"
        custom:secondColor="@android:color/holo_blue_bright"
        custom:thirdColor="@android:color/holo_orange_light"
        custom:firstAngle="60"
        custom:secondAngle="180"
        custom:thirdAngle="120"/>

差點兒相同就這樣啦,就實現了你想要的功能,當你看不懂別人的代碼邏輯時,你能夠debug,這也是一個非常好地辦法

代碼下載地址:http://download.csdn.net/detail/elinavampire/8175771

Android自己定義(三)實現圓盤的百分比設置