Android 自定義View學習(2)

上一篇學習了基本用法，今天學一下稍微復雜一點的，先看一下效果圖

為了完成上面的效果還是要用到上一期開頭的四步<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PGJyPgo8L3A+CjxwPjGjrMr00NTTprjD0qrT0NHVyaujrNKq09DL2bbIPC9wPgo8cD48cHJlIGNsYXNzPQ=="brush:java;"> 如果對這裡有什麼不了解可以看我上一篇Android 自定義View學習(1)

2, 在構造方法中獲得這些屬性

	TypedArray a = context.obtainStyledAttributes(attrs,
				R.styleable.ViewCircle, defStyle, 0);
		int n = a.getIndexCount();
		for (int i = 0; i < n; i++) {
			int attr = a.getIndex(i);
			switch (attr) {
			case R.styleable.ViewCircle_speed:
				mSpeed = a.getInteger(attr, 300);
				break;
			case R.styleable.ViewCircle_circleColor:
				mColor = a.getColor(attr, Color.GREEN);
				break;
			}
		}
		a.recycle();

3,這次我們不重寫onMeasure

4,重寫onDraw

protected void onDraw(Canvas canvas) {
		// 居中
		canvas.translate(getWidth() / 2, getHeight() / 2);
		// 畫出三個圓
		canvas.drawCircle(0, 0, 200, mCircle);
		canvas.drawCircle(0, 0, 180, mCentreCircle);
		canvas.drawCircle(0, 0, 160, mNexCircle);
        //進度
		RectF rectF = new RectF(-180, -180, 180, 180);
		canvas.drawArc(rectF, -90, mProgress, true, mTimer);
        //算出字體所占大小，使其居中
		mLinePaint.getTextBounds(String.valueOf(mProgress), 0,
				String.valueOf(mProgress).length(), rect);
		canvas.drawText(String.valueOf(mProgress), -rect.width() / 2, 0,
				mLinePaint);
		//總進度為六十
		int count = 60;
		//刻度從190--200
		int y = 190;
		Rect rect = new Rect();
		mLinePaint.getTextBounds("00", 0, "00".length(), rect);
		//當i%10==0時畫一道刻度線
		for (int i = 0; i < count; i++) {
			if (i % 10 == 0) {
				canvas.drawLine(0, y, 0, 200, mLinePaint);
				canvas.drawText(String.valueOf(i / 10) + "0",
						-rect.width() / 2, 220, mLinePaint);
			}
			canvas.rotate(360 / count, 0, 0);
		}
	}

我們注意一下canvas.drawArc(rectF, -90, mProgress, true, mTimer);

我們傳進去的為true效果就是

如果我們傳進去false

可以明顯的看到差別，沒事也可以試試我們這個demo傳進去false會是什麼效果。

接下來為了讓這個進度動起來我們就要用到線程來刷新ui

new Thread() {
			public void run() {
				while (true) {
					mProgress++;
					if (mProgress == 360) {
						mProgress = 0;
					}

					postInvalidate();
					try {
						Thread.sleep(mSpeed);
					} catch (InterruptedException e) {
						e.printStackTrace();
					}
				}
			};
		}.start();

這樣基本就差不多了。。接下來看看最終效果

源碼