新手小项目-java坦克大战

1.界面（图形化-前端部分）

• 图形化用于交互，不管是用文字形式给用户选择，还是图形方式式的选择都是一种交互方式。在java中如果我们需要用到图形界面，就得想到GUI（Graphic user interface），那么我们需要用到什么，就直接去查看API（图形化显示能让我们做完项目后将结果看得舒服，而不是全部都是代码）
• 要做GUI，就要想到java中的AWT（abstract windows toolkit）,我们写图形化都需要用到这个类库。那为什么叫抽象窗口呢？因为java是跨平台的，java编写的界面源程序最后在计算机的实现可能由其他语言来最终完成。（AWT的初衷是与平台无关性，意思就是界面在任何操作系统上显示的长宽等格局都不会发生变化，保持审美。但是AWT在设计的时候用了关于操作系统的相关东西，没有做到完全的跨平台。AWT的运行没有用到java虚拟机。但是swing开发包用到了java虚拟机，它是完全跨平台的，所以现在都用swing，但是它的基础知识还是AWT）
• 说到AWT我们就要理解component与container的的区别，见API。component是一切可显示的东西，container继承了component，所以container也是可显示的东西，但是container又有一个特性，可以包含一切可见的东西。所以container可以容纳conponent，也可以容纳它自己。（知道前端工程师知识的也应该能理解container与conponent制之间的区别）
• 
• 

2.编写窗口windows

• 我们需要知道窗口显示了哪些东西。百度搜索这个小游戏，或者上小游戏网站玩几次就可以知道游戏规则了http://www.7k7k.com/swf/129505.htm
• 我们可以看到游戏界面和游戏玩法
• 
• 
• 先画一个窗口，在编写一个窗口时我们所需要的方法都可以在Frame类中copy下来，以防自己写错。我们需要的窗口：黑底，边框可以随着拖动而改变，设置窗口大小，窗口上方写着tankgame（总共四个要求）
• 
• 在windows类中我们可以找到这些方法：（1）setSize(int width, int height)（2）setVisible(boolean b)
• 在Frame类中我们可以找到这些方法：（1）setTitle(String title)（2）setResizable(boolean resizable) （3） setBackground(Color bgColor)
• 编写的程序遇到的问题（1）应该进入java文件所在的目录。（2）数据类型的问题（见我的java数据类型）

• import java.awt.*;
  public class TankGame extends Frame {
    public void showFrame(){
      setBackground(Color.black);
      setTitle("tankgame");
      setResizable(true);
      setVisible(true);
      setSize(514,450);
      
      
  
    }
  
  
    
    public static void main(String[] args){
     
  
      new TankGame().showFrame();
  
  
    }
    

  

• 关掉这个界面需要在命令行输入ctrl+c（还没进行事件处理，就像你为别人创造了一个东西，但是你还没有为别人删除一个东西的能力，那个叉叉只是一个图像，没有任何意义，跟界面上的每个图像一样，都是图像）

• 计算机屏幕的坐标是从左上方开始的，x轴朝上，y轴朝下
• 但是这个窗口我们并不满意，因为这个界面跟我们看到的不一样（如下图）
• 
• 所以我们需要用到panel（这个容器需要跟Frame一起使用才能显示出来）见container的add方法
• 我们可以通过panel一些方法（从container和component找到）。设置大小，背景颜色，可见的（1）setBackground(Color c)（2）setSize(int width, int height)（3）setVisible(boolean b)
• 个人的代码只是一种测试，不是完全按照要求来

• import java.awt.*;
  public class TankGame extends Frame {
    public void showFrame(){
      setBackground(Color.black);
      setTitle("tankgame");
      setResizable(true);
      setVisible(true);
      setSize(514,450);
      
      
  
    }
  
  
    
    public static void main(String[] args){
     
  
      TankGame tankgame=new TankGame();
      tankgame.showFrame();
      TankGameTwo tankgametwo=new TankGameTwo();
      tankgametwo.showPanel();
      tankgame.add(tankgametwo);
      
  
    }
    
  
  }
   class TankGameTwo extends Panel{
     void showPanel(){
      setBackground(Color.orange);
      setSize(90,90);
      setVisible(true);
    }
  
    
  
  }

• 如果按照这个代码，我们会发现，我们根本看不见frame的颜色，我们看见的颜色是panel的颜色（如果你晃动边框，frame的颜色会显示出来）
• 解决办法在两个类中的方法中调用一个方法（因为默认有布局管理器，我们设置大小对他们就没有用了，所以我们需要手动地设置，取消布局管理器）
• 

• import java.awt.*;
  public class TankGame extends Frame {
    public void showFrame(){
      setBackground(Color.gray);
      setTitle("tankgame");
      setResizable(true);
      setVisible(true);
      setSize(514,450);
      setLayout(null);
      
      
  
    }
  
  
    
    public static void main(String[] args){
     
  
      TankGame tankgame=new TankGame();
      tankgame.showFrame();
      TankGameTwo tankgametwo=new TankGameTwo();
      tankgametwo.showPanel();
      tankgame.add(tankgametwo);
      
  
    }
    
  
  }
   class TankGameTwo extends Panel{
     void showPanel(){
      setBackground(Color.black);
      setSize(415,415);
      setVisible(true);
      setLayout(null);
    }
  
    
  
  }

• 
• 那么怎么使panel相对于Frame往中间去一点呢，有个设置x，y的方法，同时设置大小
• 
• 
• 界面做的有点丑，这个需要自己花很多次调整，我没有什么工具来慢慢调整的（或者对照网页上游戏的界面来设置，截屏就知道大小了，前端工程师经常这样做）
• 那么问题来了怎么使panel跟着container改动呢？这种方法由布局管理器来实现
• 
• 这个接口下有很多种布局管理器
• 
• 
• 这样就可以让panle随着Frame动而不改变整体布局（这种逻辑关系是frame用弩据管理器来布局panel）
• 怎么使鼠标按那个叉叉，然后窗口关掉。
• 

  

• 这样发现不对，因为少了适配器的概念。而且实现接口是每个方法都必须实现，如果不全部实现，就是上述的错误。

• 

•  改正之后

• 

•  但是你还会发现有错误(因为没有引入包)

•  最后你还会发现一个问题，怎么在事件器中设置当前窗口的setvisible方法。

• 

• 

•   1 import java.awt.*;

• import java.awt.event.*;
  public class TankGame extends Frame {
    public void showFrame(){
      setBackground(Color.gray);
      setTitle("tankgame");
      setResizable(true);
      setVisible(true);
      setSize(514,450);
      setLayout(new FlowLayout());
      
     li l=new li();
     this.addWindowListener(l);
      
      
  
    }
  
  
    
    public static void main(String[] args){
     
  
      TankGame tankgame=new TankGame();
      tankgame.showFrame();
      TankGameTwo tankgametwo=new TankGameTwo();
      tankgametwo.showPanel();
      tankgame.add(tankgametwo);
      
      
  
    }
    
  
  }
  class li extends  WindowAdapter{
  
  
     public void windowClosing(WindowEvent e){
      Window i=(Window)e.getWindow();
      i.setVisible(false);
      System.exit(-1);
  
  
  }
  
  
  }
  class TankGameTwo extends Panel{
    void showPanel(){
      setBackground(Color.black);
      setBounds(35,38,415,415);
      setVisible(true);
      setLayout(null);
      
    }
   
        
  65 
    
  
    
  
  }

3.窗口图片的处理（不是指窗口的背景）

• 在窗口上面写图片，写线条（图形），写字，都由paint方法来完成。而那些图形对象是graphics。
• 
• 
• 
• 
• 所以我们如果要画图，在小游戏界面上我们可以看出我们需要哪些图片，截图就行，然后保存一个文件。
•  Image image1  = Toolkit.getDefaultToolkit().getImage("images/1.jpg");  获取文件，但是第一次显示的并没有图片，需要按最小化再打开就有了
• 
• 按照游戏页面上的填图片就行

4.动画的处理（人工动画+自动动画）

• 动画的含义是什么，比如一串代码a控制某个图形在1的地方，又一串代码b控制某个图形在2的地方。我们只要执行a代码后执行b代码就可以了，n多个这样的情况就成了动画。
• 比如手工动画效果
• 
• 每次最小画窗口，paint方法就要重新执行一次。（那么如何让计算机自己这样不停地执行paint方法呢。通过thread类。这个类能指定重复执行哪个代码，以及执行几次等

5.键盘控制坦克的移动。（第一，键盘事件，第二，一下键盘事件使图片移动一下）

• 加键盘事件监测，获得键盘事件，则执行适配器中的方法使图片移动