Android Paint Canvar 畫幾何圖形

最近在研究自定義控件,遇到瞭幾何圖形的繪制,這裡就貼出來常見的例子:

①首先在主Activity中代碼:

package com.example.mycustomwidget;

import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.util.AttributeSet;
import android.view.View;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
MyCustomView myView = new MyCustomView(MainActivity.this);
setContentView(myView);
}
}

 

 

②MyCustomView中代碼:

package com.example.mycustomwidget;

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

public class MyCustomView extends View{

public MyCustomView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}

public MyCustomView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
// TODO Auto-generated constructor stub
}

public MyCustomView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}

@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
//設置畫佈的顏色
canvas.drawColor(Color.BLUE);

//—————————–①畫一個空心正方形——————————–
//創建一個畫筆
Paint mPaint = new Paint();
//設置畫筆為空心
mPaint.setStyle(Paint.Style.STROKE);
//設置畫顏色
mPaint.setColor(Color.RED);
//設置畫筆寬度
mPaint.setStrokeWidth(10);
/**
* 創建一個矩形
* 第一個參數:矩形左頂點的X軸坐標
* 第二個參數:矩形左頂點的Y軸坐標
* 第三個參數:矩形右下角頂點的X軸坐標
* 第四個參數:矩形右下角頂點的Y軸坐標
*/
Rect mRect = new Rect(10, 10, 50, 50);
//開始畫矩形瞭
canvas.drawRect(mRect, mPaint);

//—————————–②畫一個實心正方形——————————–
//設置畫筆為實心
mPaint.setStyle(Paint.Style.FILL);
//重新設置矩形的大小
mRect.set(60, 60, 100, 100);
canvas.drawRect(mRect, mPaint);

//—————————–③畫一個空心長方形——————————–
//設置畫筆的寬度
mPaint.setStrokeWidth(2);
mPaint.setStyle(Paint.Style.STROKE);
mRect.set(70, 110, 140, 140);
canvas.drawRect(mRect, mPaint);

//—————————–④畫一個空心圓——————————–
//消除鋸齒
mPaint.setAntiAlias(true);
/**
* 畫一個空心圓
* 第一個參數:圓心的X軸坐標
* 第二個參數:圓心的Y軸坐標
* 第三個參數:圓的半徑
* 第四個參數:畫筆
*/
canvas.drawCircle(180, 180, 20, mPaint);

//—————————–⑤畫一個實心圓——————————–
mPaint.setStyle(Paint.Style.FILL);
canvas.drawCircle(230, 220, 20, mPaint);

//—————————–⑥畫一段實心扇形——————————–
//先畫一個矩形
RectF oval = new RectF(240, 240, 300, 300);
/**
* 畫一段實心扇形
* 第一個參數:一個矩形,用戶定義扇形的大小
* 第二個參數:畫扇形的起始角度
* 第三個參數:要畫的角度
* 第四個參數是否包括圓形(true為包括,一般用於畫扇形;false為不包括,一般用於畫弧形)
* 第四個參數:畫筆
*/
canvas.drawArc(oval, 0, 40, true, mPaint);

//—————————–⑦畫一段空心扇形——————————–
mPaint.setStyle(Paint.Style.STROKE);
oval.set(290, 290, 350, 350);
canvas.drawArc(oval, 0, 60, true,mPaint);

//—————————–⑧畫一段弧——————————–
oval.set(360, 360, 400, 400);
canvas.drawArc(oval, 0, 70, false, mPaint);

//—————————–⑨畫一個內切圓——————————–
oval.set(360, 360, 400,400);
canvas.drawRect(oval, mPaint);
canvas.drawArc(oval, 0, 360, false, mPaint);
}

}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。