如何利用Thread制作简单的android动画

Posted 2020-08-09

最近按照老板要求要做一个简单动画，内容可以简单概括为一个箭头在屏幕中心自动旋转。我知道android API里面有animation类，它已经提供了rotation的函数。可是，老板要求不用它的API。所以我的制作如下：

1.先了解一下线程（Thread）

多线程指的是一个应用程序当中有多个线程，线程是并列运行的，一起抢占CPU。我们平时写的主函数就是一个线程，如果我们继承了Thread类，则又开发了一个新的线程。

它有两种实现方法：

一个是继承Thread类，并override里面的run()函数。

另一个方法是implement Runnable()，并override里面的run()函数。

如下：

class myThread extends Thread{

public void run(){
    //写要运行的代码
  }

}

//启动线程

myThread.start();

另一种方法：

class PrimeRun implements Runnable {
 
         public void run() {
             // compute primes larger than minPrime
              . . .
         }
     }
 //启动线程

PrimeRun p = new PrimeRun();
     new Thread(p).start();

我利用的是Thread类中的方法：myThread.sleep();
这个方法可以让系统每隔一段时间运行一次，我设置的间隔时间是100ms。而每次我画的指针都会变动它的位置，因此连起来看上去就是它在自己转动。代码如下：

private final Runnable moveThread = new Runnable(){

        @Override
        public void run() {
            // TODO Auto-generated method stub
            while(true){
                degree=degree+0.1;
                b = 300*Math.cos(Math.toRadians(degree));
                a = 300*Math.sin(Math.toRadians(degree));
                try{
                    Thread.sleep(100);
                    
                }catch(InterruptedException e){
                    e.printStackTrace();
                }
                postInvalidate();//每变动完一次之后重新绘图。
            }
        }
        
    };

new Thread(moveThread).start();

接下来写画直线的代码：需要创建一个MyView来继承View，并override里面的onDraw()函数

public class MyView extends View{

public MyView (Context context){
    super(context);


public void onDraw(Canvas canvas){

  　　　　　super.onDraw(canvas);
　　　　　　float Xcenter = (float)getWidth()/2;
　　　　　　float Ycenter = (float)getHeight()/2;

　　　　　Vector(Xcenter,Ycenter,(float)(Xcenter+a),(float)(Ycenter+b),p,canvas);　//随着每100ms，a和b的值一直在变动，最后的效果就是一个箭头在屏幕中间绕半径为300的圆自动旋转。

}
}

}

//Vector函数用来画一个箭头，是自己定义的函数如下：

public void Vector(float x1,float y1,float x2,float y2,Paint paint,Canvas canvas){
double Vdeg = Math.toDegrees(Math.atan2(y2-y1, x2-x1));
double deldeg = 10;
canvas.drawLine(x1, y1, x2, y2, paint);
double arrowsize = 0.8*Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1));
double Vrad = (Vdeg-deldeg)*Math.PI/180.0;
canvas.drawLine((float)(x1+arrowsize*Math.cos(Vrad)),(float)(y1+arrowsize*Math.sin(Vrad)),x2,y2,paint);
Vrad = (Vdeg+deldeg)*Math.PI/180.0;
canvas.drawLine((float)(x1+arrowsize*Math.cos(Vrad)),(float)(y1+arrowsize*Math.sin(Vrad)),x2,y2,paint);

}