跟着王洋老师学编程 - 1.4 飞行的小球（线程应用）

一、我的思路

1. 画一个窗体，并设定大小
2. 准备一个画布，并将画布添加至窗体
3. 在画布上用paint方法实现小球的运动 —— 用一个for循环，小球x轴不变，先画一个球，然后改变画笔颜色与背景色相同，在原位置上再画一个小球；改变小球Y轴坐标，改变画笔颜色，在新的位置重新画小球，循环直到Y轴坐标达到窗体最大值结束。

代码版本1 - 直线下落：

import java.awt.Frame;
import java.awt.Panel;
import java.awt.Graphics;
import java.awt.Color;
public class DroppingBall{
    public static void main(String[] args){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);
        w.show();
    }
}

class MyPanelB extends Panel{
    public void paint(Graphics g){
        int x=30,y=30;
        g.drawOval(x,y,10,10);
        for(;y<768;y++){
            g.setColor(Color.white);
            g.drawOval(x,y,10,10);
            y++;
            g.setColor(Color.black);
            g.drawOval(x,y,10,10);
        }
    }
}

编译及执行结果如下：

现象1 - 没有实现下落的动态效果，只显示一条直线。

思考1 - 是不是坐标变化的粒度太小，改为斜线呢。。？

代码版本2 - 斜线下落：

import java.awt.Frame;
import java.awt.Panel;
import java.awt.Graphics;
import java.awt.Color;
public class DroppingBall{
    public static void main(String[] args){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);
        w.show();
    }
}

class MyPanelB extends Panel{
    public void paint(Graphics g){
        int x=5,y=5;
        g.fillOval(x,y,10,10);
        for(;x<1366;){
            for(;y<768;y++){
                g.setColor(Color.white);
                g.fillOval(x,y,10,10);
                x++;
                y++;
                g.setColor(Color.black);
                g.fillOval(x,y,10,10);
            }
        }
    }
}

编译及运行结果如下：

现象2 - 没有实现动态下落效果，只显示一条斜线。

思考2 - 小球没有按预想的在A位置出现、抹掉，在A+1位置重现、再抹掉……如果不用循环呢？

代码版本3 - 去掉循环。。：

import java.awt.Frame;
import java.awt.Panel;
import java.awt.Graphics;
import java.awt.Color;
public class DroppingBall{
    public static void main(String[] args){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);
        w.show();
    }
}

class MyPanelB extends Panel{
    public void paint(Graphics g){
        int x=5,y=5;
        g.fillOval(x,y,10,10);
        g.setColor(Color.white);
        g.fillOval(x,y,10,10);
        x=30;
        y=30;
        g.setColor(Color.black);
        g.fillOval(x,y,10,10);

        g.setColor(Color.white);
        g.fillOval(x,y,10,10);
        x=100;
        y=100;
        g.setColor(Color.black);
        g.fillOval(x,y,10,10);
    }
}

编译及运行结果如下： 

去掉循环之后，看不到线的轨迹了，说明旧位置的小球确实被“擦除”了，但看不到小球下落的效果；而加上循环，显示的却是小球的轨迹，看起来小球的旧位置并没有被“擦除”——

结论 - 不管循环是否存在，都没有实现小球动态下落的结果。。看起来如果能在原位置的小球“擦除”之后加入延时。。

二、老师的讲解

1、引入了线程，并线程与进程的区别

进程 - 一个独立运行的程序，比如一个正在运行的记事本、一个正在运行的浏览器；启动两次记事本，得到的也是两个线程。

线程 - 一个进程当中的单一顺序的控制流

https://m.runoob.com/java/java-multithreading.html

2、用线程实现小球下落效果的思路

代码版本1 - 线程固定用法

import java.awt.*;
public class DroppingBall{
    public static void main(String args[]){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);

        // 使用线程对象
        Thread t = new Thread(mpb);
        t.start();

        // w.show();
        w.setVisible(true);
    }
}

class MyPanelB extends Panel implements Runnable{
    int x=5,y=5;
    public void paint(Graphics g){
        g.fillOval(x,y,10,10);
    }
    public void run(){
        while(true){
            y++;
            if(y>768){
                y=5;
            }
            try{
                Thread.sleep(1000);
            }catch(Exception e){
                System.out.println(e);
                System.out.println(y);
                repaint();
            }
        }
    }
}

编译并运行后，结果如下：

 小球一直在初始位置不动。。各种打印后，发现try里面的代码执行了，但repaint()方法一直未执行，各种搜索博客也没解决。最后，去了一趟厕所，沉思……try...catch... catch是异常处理，发生异常，才抛出或处理异常，没有异常……啊！

结论：repaint()写错位置。。。。

代码版本2

import java.awt.*;
public class DroppingBall{
    public static void main(String args[]){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);

        // 使用线程对象
        Thread t = new Thread(mpb);
        t.start();

        w.show();
    }
}
// 通过实现Runnable接口使用线程
class MyPanelB extends Panel implements Runnable{
    int x=5,y=5;
    public void paint(Graphics g){
        g.fillOval(x,y,10,10);
    }
    public void run(){
        while(true){
            y++;
            if(y>768){
                y=5;
            }
            try{
                Thread.sleep(1000);
            }catch(Exception e){
                System.out.println(e);
            }
            repaint();
        }
    }
}

编译及运行结果如下：

看到小球每秒下移一次~~~~~O(∩_∩)O~~~~~

三、最后优化

加快下移速度，并把过时的 show()方法，改为 setVisible(true)方法

import java.awt.*;
public class DroppingBall{
    public static void main(String args[]){
        Frame w = new Frame();
        w.setSize(1366,768);
        
        MyPanelB mpb = new MyPanelB();
        w.add(mpb);

        // 使用线程对象
        Thread t = new Thread(mpb);
        t.start();

        // w.show();
        w.setVisible(true);
    }
}
// 通过实现Runnable接口使用线程
class MyPanelB extends Panel implements Runnable{
    int x=5,y=5;
    public void paint(Graphics g){
        g.fillOval(x,y,10,10);
    }
    public void run(){
        while(true){
            y++;
            if(y>768){
                y=5;
            }
            try{
                Thread.sleep(100);
            }catch(Exception e){
                System.out.println(e);
            }
            repaint();
        }
    }
}

小球实现了匀速下移！~