本文实例讲述了Android编程开发之在Canvas中利用Path绘制基本图形的方法。分享给大家供大家参考,具体如下:
在Android中绘制基本的集合图形,本程序就是自定义一个View组件,程序重写该View组件的onDraw(Canvase)方法,然后在该Canvas上绘制大量的基本的集合图形。
直接上代码:
1.自定义的View组件代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
package com.infy.configuration; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Paint; import android.graphics.Path; import android.graphics.RectF; import android.graphics.Shader; import android.util.AttributeSet; import android.view.View; public class MyView extends View{ public MyView(Context context, AttributeSet attrs) { super (context, attrs); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super .onDraw(canvas); //把整张画布绘制成白色 canvas.drawColor(Color.WHITE); Paint paint = new Paint(); //去锯齿 paint.setAntiAlias( true ); paint.setColor(Color.BLUE); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth( 3 ); //绘制圆形 canvas.drawCircle( 40 , 40 , 30 , paint); //绘制正方形 canvas.drawRect( 10 , 80 , 70 , 140 , paint); //绘制矩形 canvas.drawRect( 10 , 150 , 70 , 190 , paint); RectF rel = new RectF( 10 , 240 , 70 , 270 ); //绘制椭圆 canvas.drawOval(rel, paint); //定义一个Path对象,封闭一个三角形 Path path1 = new Path(); path1.moveTo( 10 , 340 ); path1.lineTo( 70 , 340 ); path1.lineTo( 40 , 290 ); path1.close(); //根据Path进行绘制,绘制三角形 canvas.drawPath(path1, paint); //定义一个Path对象,封闭一个五角星 Path path2 = new Path(); path2.moveTo( 27 , 360 ); path2.lineTo( 54 , 360 ); path2.lineTo( 70 , 392 ); path2.lineTo( 40 , 420 ); path2.lineTo( 10 , 392 ); path2.close(); //根据Path进行绘制,绘制五角星 canvas.drawPath(path2, paint); //设置填丛风格后进行绘制 paint.setStyle(Paint.Style.FILL); paint.setColor(Color.RED); canvas.drawCircle( 120 , 40 , 30 , paint); //绘制正方形 canvas.drawRect( 90 , 80 , 150 , 140 , paint); //绘制矩形 canvas.drawRect( 90 , 150 , 150 , 190 , paint); //绘制圆角矩形 RectF re2 = new RectF( 90 , 200 , 150 , 230 ); canvas.drawRoundRect(re2, 15 , 15 , paint); //绘制椭圆 RectF re21 = new RectF( 90 , 240 , 150 , 270 ); canvas.drawOval(re21, paint); Path path3 = new Path(); path3.moveTo( 90 , 340 ); path3.lineTo( 150 , 340 ); path3.lineTo( 120 , 290 ); path3.close(); //绘制三角形 canvas.drawPath(path3,paint); //绘制五角形 Path path4 = new Path(); path4.moveTo( 106 , 360 ); path4.lineTo( 134 , 360 ); path4.lineTo( 150 , 392 ); path4.lineTo( 120 , 420 ); path4.lineTo( 90 , 392 ); path4.close(); canvas.drawPath(path4, paint); //设置渐变器后绘制 //为Paint设置渐变器 Shader mShasder = new LinearGradient( 0 , 0 , 40 , 60 , new int []{Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW}, null , Shader.TileMode.REPEAT); paint.setShader(mShasder); //设置阴影 paint.setShadowLayer( 45 , 10 , 10 , Color.GRAY); //绘制圆形 canvas.drawCircle( 200 , 40 , 30 , paint); //绘制正方形 canvas.drawRect( 170 , 80 , 230 , 140 , paint); //绘制矩形 canvas.drawRect( 170 , 150 , 230 , 190 , paint); //绘制圆角的矩形 RectF re31 = new RectF(); canvas.drawRoundRect(re31, 15 , 15 , paint); //绘制椭圆 RectF re32 = new RectF(); canvas.drawOval(re32, paint); //根据Path,绘制三角形 Path path5 = new Path(); path5.moveTo( 170 , 340 ); path5.lineTo( 230 , 340 ); path5.lineTo( 200 , 290 ); path5.close(); canvas.drawPath(path5, paint); //根据PAth,进行绘制五角形 Path path6 = new Path(); path6.moveTo( 186 , 360 ); path6.lineTo( 214 , 360 ); path6.lineTo( 230 , 392 ); path6.lineTo( 200 , 420 ); path6.lineTo( 170 , 392 ); path6.close(); canvas.drawPath(path6, paint); } } |
2. 使用一个基本的Activity来实现自定义的MyView组件,
定义一个ZiDingYiViewTes的Activity:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
package com.infy.configuration; import android.app.Activity; import android.os.Bundle; public class ZiDingYiViewTes extends Activity{ private MyView myView = null ; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super .onCreate(savedInstanceState); myView = new MyView( this , null ); setContentView(myView); } } |
Android的Canvas既可以绘制简单的集合图形,也可以直接将一个Bitmap绘制到画布上。
最后附上效果图(多了一个椭圆):
希望本文所述对大家Android程序设计有所帮助。