1. 程式人生 > >Android利用canvas畫各種圖形(點、直線、弧、圓、橢圓、文字、矩形、多邊形、曲線、圓角矩形)

Android利用canvas畫各種圖形(點、直線、弧、圓、橢圓、文字、矩形、多邊形、曲線、圓角矩形)

DrawView.java
public class DrawView extends View {

	public DrawView(Context context) {
		super(context);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		/*
		 * 方法 說明 drawRect 繪製矩形 drawCircle 繪製圓形 drawOval 繪製橢圓 drawPath 繪製任意多邊形
		 * drawLine 繪製直線 drawPoin 繪製點
		 */
		// 建立畫筆
		Paint p = new Paint();
		p.setColor(Color.RED);// 設定紅色

		canvas.drawText("畫圓:", 10, 20, p);// 畫文字
		canvas.drawCircle(60, 20, 10, p);// 小圓
		p.setAntiAlias(true);// 設定畫筆的鋸齒效果。 true是去除,大家一看效果就明白了
		canvas.drawCircle(120, 20, 20, p);// 大圓

		canvas.drawText("畫線及弧線:", 10, 60, p);
		p.setColor(Color.GREEN);// 設定綠色
		canvas.drawLine(60, 40, 100, 40, p);// 畫線
		canvas.drawLine(110, 40, 190, 80, p);// 斜線
		//畫笑臉弧線
		p.setStyle(Paint.Style.STROKE);//設定空心
		RectF oval1=new RectF(150,20,180,40);
		canvas.drawArc(oval1, 180, 180, false, p);//小弧形
		oval1.set(190, 20, 220, 40);
		canvas.drawArc(oval1, 180, 180, false, p);//小弧形
		oval1.set(160, 30, 210, 60);
		canvas.drawArc(oval1, 0, 180, false, p);//小弧形

		canvas.drawText("畫矩形:", 10, 80, p);
		p.setColor(Color.GRAY);// 設定灰色
		p.setStyle(Paint.Style.FILL);//設定填滿
		canvas.drawRect(60, 60, 80, 80, p);// 正方形
		canvas.drawRect(60, 90, 160, 100, p);// 長方形

		canvas.drawText("畫扇形和橢圓:", 10, 120, p);
		/* 設定漸變色 這個正方形的顏色是改變的 */
		Shader mShader = new LinearGradient(0, 0, 100, 100,
				new int[] { Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW,
						Color.LTGRAY }, null, Shader.TileMode.REPEAT); // 一個材質,打造出一個線性梯度沿著一條線。
		p.setShader(mShader);
		// p.setColor(Color.BLUE);
		RectF oval2 = new RectF(60, 100, 200, 240);// 設定個新的長方形,掃描測量
		canvas.drawArc(oval2, 200, 130, true, p);
		// 畫弧,第一個引數是RectF:該類是第二個引數是角度的開始,第三個引數是多少度,第四個引數是真的時候畫扇形,是假的時候畫弧線
		//畫橢圓,把oval改一下
		oval2.set(210,100,250,130);
		canvas.drawOval(oval2, p);

		canvas.drawText("畫三角形:", 10, 200, p);
		// 繪製這個三角形,你可以繪製任意多邊形
		Path path = new Path();
		path.moveTo(80, 200);// 此點為多邊形的起點
		path.lineTo(120, 250);
		path.lineTo(80, 250);
		path.close(); // 使這些點構成封閉的多邊形
		canvas.drawPath(path, p);

		// 你可以繪製很多任意多邊形,比如下面畫六連形
		p.reset();//重置
		p.setColor(Color.LTGRAY);
		p.setStyle(Paint.Style.STROKE);//設定空心
		Path path1=new Path();
		path1.moveTo(180, 200);
		path1.lineTo(200, 200);
		path1.lineTo(210, 210);
		path1.lineTo(200, 220);
		path1.lineTo(180, 220);
		path1.lineTo(170, 210);
		path1.close();//封閉
		canvas.drawPath(path1, p);
		/*
		 * Path類封裝複合(多輪廓幾何圖形的路徑
		 * 由直線段*、二次曲線,和三次方曲線,也可畫以油畫。drawPath(路徑、油漆),要麼已填充的或撫摸
		 * (基於油漆的風格),或者可以用於剪斷或畫畫的文字在路徑。
		 */
		
		//畫圓角矩形
		p.setStyle(Paint.Style.FILL);//充滿
		p.setColor(Color.LTGRAY);
		p.setAntiAlias(true);// 設定畫筆的鋸齒效果
		canvas.drawText("畫圓角矩形:", 10, 260, p);
		RectF oval3 = new RectF(80, 260, 200, 300);// 設定個新的長方形
		canvas.drawRoundRect(oval3, 20, 15, p);//第二個引數是x半徑,第三個引數是y半徑
		
		//畫貝塞爾曲線
		canvas.drawText("畫貝塞爾曲線:", 10, 310, p);
		p.reset();
		p.setStyle(Paint.Style.STROKE);
		p.setColor(Color.GREEN);
		Path path2=new Path();
		path2.moveTo(100, 320);//設定Path的起點
		path2.quadTo(150, 310, 170, 400); //設定貝塞爾曲線的控制點座標和終點座標
		canvas.drawPath(path2, p);//畫出貝塞爾曲線
		
		//畫點
		p.setStyle(Paint.Style.FILL);
		canvas.drawText("畫點:", 10, 390, p);
		canvas.drawPoint(60, 390, p);//畫一個點
		canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//畫多個點
		
		//畫圖片,就是貼圖
		Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
		canvas.drawBitmap(bitmap, 250,360, p);
	}
}
ok!哈哈!
轉載請注意地址!