Android中使用自定義View實現shape圖形繪製
概述
之前曾寫過一篇文章介紹了Android中drawable使用Shape資源,通過定義drawable中的shape資源能夠繪製簡單的圖形效果,如矩形,橢圓形,線形和圓環等。後來我在專案中正好遇到這樣一個需求,要在特定的位置上顯示一條垂直的虛線。正當我胸有成竹的把上面的資原始檔放入進去的時候,我才發現它並不能符合我的要求。使用shape畫出的垂直虛線,其實就是將一條水平的線,旋轉90度。但這樣做的弊端就是,該View有效區域為旋轉90度後與原來位置相重合的區域,還不能隨意的改動,這樣的效果根本沒法使用。於是我就想到使用自定義view來繪製我想要的結果。
1.畫一條水平虛線
程式碼如下所示:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class CustView extends View{
private Paint mPaint; //定義畫筆
public CustView(Context context, AttributeSet attrs) {
super(context, attrs);
//初始化畫筆
initPaint();
setLayerType(View.LAYER_TYPE_SOFTWARE, mPaint); //4.0以上關閉硬體加速,否則虛線不顯示
}
private void initPaint() {
mPaint = new Paint();
mPaint.setAntiAlias(true); //設定抗鋸齒的效果
mPaint.setStyle(Paint.Style.STROKE); //設定畫筆樣式為描邊
mPaint.setStrokeWidth(3); //設定筆刷的粗細度
mPaint.setColor(Color.RED); //設定畫筆的顏色
mPaint.setPathEffect(new DashPathEffect(new float[]{5,5,5,5}, 1)); //設定畫筆的路徑效果為虛線效果
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawLine(0, 0, 100, 0, mPaint);
}
}
佈局檔案中引用如下:
<com.test.CustView
android:layout_width="100dp"
android:layout_height="10dp"
android:layout_marginTop="10dp" />
說明:在自定義View的程式碼中,onDraw方法中執行的drawLine方法,全名如下:
public void drawLine (float startX, float startY, float stopX, float stopY, Paint paint)
startX:起始端點x座標
startY:起始端點y座標
stopX:終止端點x座標
stopY:終止端點y座標
上面四個左邊的值均以相對位置計算,即與左邊控制元件的相對位置,如果左邊沒有控制元件則手機螢幕左邊框的相對位置計算。
canvas.drawLine(0, 0, 100, 0, mPaint);表示的是相對左邊為x,y座標為0的位置開始,向右畫出100px的虛線。
去掉Button按鈕後,相對位置開始以螢幕左邊框計算,如圖所示:
還有一點需要注意的是,stopX和stopY的值,不能超過該控制元件在xml中layout_width和layout_height的值,否則將會以值最小的為基準,超出的長度無效。
2.畫一條垂直虛線
與上面程式碼一致,只需要修改至下面一處:
canvas.drawLine(0, 0, 0, 100, mPaint);
3.畫一個實心圓
1.首先設定畫筆樣式為實心
mPaint.setStyle(Paint.Style.FILL); //設定畫筆樣式為填充
2.在畫布中畫圓
canvas.drawCircle(50, 50, 50, mPaint);
同樣X和Y的值,不能超過該控制元件在xml中layout_width和layout_height的值。
4.畫一個圓環
同樣只需稍微修改一下程式碼:
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawCircle(50, 50, 50, mPaint); //畫一個外圓
mPaint.setColor(Color.WHITE); //重新設定畫筆顏色
canvas.drawCircle(50, 50, 30, mPaint); //畫一個內圓
}
5.畫一個矩形
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
RectF rect = new RectF(0, 0, 80, 60);
canvas.drawRect(rect, mPaint);
}