标签：
很多资料中指出，canvas其实就是一个 画布，我们呢，用它给的各种工具（API）
在加上一支神奇的画笔(Paint类)可以在画布上画出各种形状。有两个关键的点，其一是画控件画布区域。(你画画必须画在纸上啊)其二就是 画控件的实际区域，电脑必定 智商超低，它不知道什么是画布，这对它来讲太高深，它觉得，你就直接告诉 在哪画？ 这样的画就出现了坐标系，电脑只在坐标轴的正x和正y范围内进行绘制，然而电脑可不管 画布在这区域内有没有！如果它画的范围内没有画布 那么它就画不上。即使他画了我们也看不到，画布必须在坐标的合理范围内，这样画布才能被画上画。
由于电脑绘制时候只认坐标，你给出一个坐标系(确定原点在你屏幕的位置，可能在屏幕之外)，然后明确告诉它在哪个位置上开始绘制。
save 的作用是保存canvas状态，实际上保存就是 坐标系的原点的位置和x 轴与y轴的延伸方向，这也是我们在下面
那个例子中看到的。当你进行 平移，旋转，拉伸等操作时候 实际上 是对整个坐标系进行的上述操作。比如你在(30,40)的位置上画上一个点，然后旋转45度，这样(30, 40)的位置变了，因为坐标系的位置变了。如果你想 念save之前的坐标位置，只需要 调用 restore() 方法 把 那个坐标系从栈中取出。 你再绘图就是根据 save之前的坐标的位置进行绘画。
如下一个例子 就是对上述的合理解释的验证，代码有注释，我是继承了TextView类扩展的MyTextView类。
布局文件mytextview.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <com.example.draw.MyTextView android:layout_width="200dp" android:layout_height="200dp" android:text="今晚吃班饭"/> <com.example.draw.MyTextView android:layout_width="200dp" android:layout_height="200dp" android:text="今晚吃班饭"/> </LinearLayout>
onDraw里面的代码
protected void onDraw(Canvas canvas) { int height = getMeasuredHeight();//得到画布区域的高 int width = getMeasuredWidth();//得到画布区域的宽 int px = width / 2; int py = height / 2; Paint p1 = new Paint(Paint.ANTI_ALIAS_FLAG); p1.setColor(Color.RED); //给出画布区域(红色部分) canvas.drawRect(0,0, width,height,p1); //确定200,200的位置 //因为我们给出控件在父控件中的大小为200dp，200dp //因此 控件的中心位置就是(200,200)高和宽都为400 p1.setColor(Color.YELLOW);//黄色的圈 canvas.drawCircle(200,200,20, p1); p1.setColor(Color.BLACK); p1.setStrokeWidth(10); p1.setStyle(Paint.Style.FILL_AND_STROKE); //画出当前原点的位置 canvas.drawCircle(0, 0, 20, p1); canvas.drawLine(0, 0, 0, 1000, p1); canvas.drawLine(0, 0, 1000, 0, p1); canvas.save();//保存上述坐标系的状态，放入 canvas.translate(100, 300);//将坐标轴向右(dx)移动100 向下(dy)移动300 //再次画出原点位置,并且画出x轴与y轴 p1.setColor(Color.GREEN); canvas.drawCircle(0, 0, 20, p1); canvas.drawLine(0, 0, 0, 1000, p1); canvas.drawLine(0, 0, 1000, 0, p1); canvas.restore();//恢复到前一个坐标系 //将坐标系绕px，py 旋转30度 canvas.rotate(30, px, py); canvas.drawPoint(px, py, p1); //画出原点的位置,并且画出x轴与y轴 p1.setColor(Color.BLUE); canvas.drawCircle(0, 0, 20, p1); canvas.drawLine(0, 0, 0, 1000, p1); canvas.drawLine(0, 0, 1000, 0, p1); super.onDraw(canvas); }
标签：
原文地址：http://www.cnblogs.com/QiaoJun-Fighting/p/4601910.html
