Android学习第四篇——使用绘图API自定义视图

这一次练习我需要完成的效果就是一个正方形绕着中心点旋转

首先我们需要创建一个类，一个定义控件的类,并且继承自ViewRotatingRect.class

public class RotatingRect extends View {

	public RotatingRect(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
	}

	public RotatingRect(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

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

这里需要重写所有的构造函数

然后我们需要重写draw函数，用于绘制图形

@Override
	public void draw(Canvas canvas) {
		super.draw(canvas);
		canvas.drawRect(0, 0, 100, 100, p);
	}

接着我们自定义一个函数initProperties()，并且在之前所有的构造函数中调用该方法

private Paint p;
private float degrees = 0;//设置旋转的角度，之后会用到
	private void initProperties(){
		p=new Paint();
		p.setColor(Color.RED);
	}

这样我们就完成了一个颜色为红色的正方形，然后我们需要在布局中调用该类

调用的方法是<com.包名.程序名.类名></com.包名.程序名.类名>

<com.example.custombutton.RotatingRect
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
    </com.example.custombutton.RotatingRect>

这样写了以后我们就能在界面上看到红色的正方形了，但是此时这个正方形还不能旋转，接下来我们的目标就是让他旋转起来。

我们回到之前的RotatingRect类中来

@Override
	public void draw(Canvas canvas) {
		super.draw(canvas);

		canvas.drawRect(0, 0, 100, 100, p);
		

		System.out.println(">>>>>>>>>>>");

	}

我们输出一下，我们会看到在控制台中只输出了一次

而我们需要让一个图片旋转起来那就需要不停的，反复的执行，所以我们在该方法中加上这么一句

//使这个View无效，这样就会使的程序不断的重绘
invalidate();

这样以后还是不够的，我们还没有让他动起来，所以我们还需要修改，最后的方法就成这样了

@Override
	public void draw(Canvas canvas) {
		super.draw(canvas);
		
		canvas.save();
		//调整位置（200,200）
		//canvas.rotate(degrees);
		canvas.translate(200, 200);
		//设置旋转的角度，以及旋转的中心点
		canvas.rotate(degrees,50,50);
		//绘制初始的图形的样子
		canvas.drawRect(0, 0, 100, 100, p);
		
		degrees++;
		canvas.restore();
		//System.out.println(">>>>>>>>>>>");
		//使这个View无效，这样就会使的程序不断的重绘
		invalidate();
	}

最后我们来看一下RotatingRect.class的完整代码

package com.example.custombutton;

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

public class RotatingRect extends View {

	public RotatingRect(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		initProperties();
	}

	public RotatingRect(Context context, AttributeSet attrs) {
		super(context, attrs);
		initProperties();
	}

	public RotatingRect(Context context) {
		super(context);
		initProperties();
	}

	private Paint p;
	private float degrees = 0;
	private void initProperties(){
		p=new Paint();
		p.setColor(Color.RED);
	}
	@Override
	public void draw(Canvas canvas) {
		super.draw(canvas);
		
		canvas.save();
		//调整位置（200,200）
		//canvas.rotate(degrees);
		canvas.translate(200, 200);
		//设置旋转的角度，以及旋转的中心点
		canvas.rotate(degrees,50,50);
		//绘制初始的图形的样子
		canvas.drawRect(0, 0, 100, 100, p);
		
		degrees++;
		canvas.restore();
		//System.out.println(">>>>>>>>>>>");
		//使这个View无效，这样就会使的程序不断的重绘
		invalidate();
	}
}

这样我们在模拟器中打开就可以看到想要的效果了