这一次练习我需要完成的效果就是一个正方形绕着中心点旋转
首先我们需要创建一个类,一个定义控件的类,并且继承自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();
}
}
这样我们在模拟器中打开就可以看到想要的效果了