1. 键盘控制

  1. /**
  2.  * @author 韩顺平
  3.  * @version 1.0
  4.  * 演示小球通过键盘控制上下左右的移动-> 讲解Java的事件控制
  5.  */
  6. public class BallMove extends JFrame { //窗口
  7.     MyPanel mp = null;
  8.     public static void main(String[] args) {
  9.         BallMove ballMove = new BallMove();
  10.     }
  12.     //构造器
  13.     public BallMove() {
  14.         mp = new MyPanel();
  15.         this.add(mp);
  16.         this.setSize(400, 300);
  17.         //窗口JFrame 对象可以监听键盘事件, 即可以监听到面板发生的键盘事件
  18.         this.addKeyListener(mp);
  19.         this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  20.         this.setVisible(true);
  21.     }
  22. }
  24. //面板, 可以画出小球
  25. //KeyListener 是监听器, 可以监听键盘事件
  26. class MyPanel extends JPanel implements KeyListener {
  28.     //为了让小球可以移动, 把他的左上角的坐标(x,y)设置变量
  29.     int x = 10;
  30.     int y = 10;
  31.     @Override
  32.     public void paint(Graphics g) {
  33.         super.paint(g);
  34.         g.fillOval(x, y, 20, 20); //默认黑色
  35.     }
  37.     //有字符输出时，该方法就会触发
  38.     @Override
  39.     public void keyTyped(KeyEvent e) {
  40.     }
  41.     //当某个键按下，该方法会触发
  42.     @Override
  43.     public void keyPressed(KeyEvent e) {
  45.         //System.out.println((char)e.getKeyCode() + "被按下..");
  47.         //根据用户按下的不同键，来处理小球的移动 (上下左右的键)
  48.         //在java中，会给每一个键，分配一个值(int)
  49.         if(e.getKeyCode() == KeyEvent.VK_DOWN) {//KeyEvent.VK_DOWN就是向下的箭头对应的code
  50.             y+=2;
  51.         } else if(e.getKeyCode() == KeyEvent.VK_UP) {
  52.             y-=2;
  53.         } else if(e.getKeyCode() == KeyEvent.VK_LEFT) {
  54.             x-=2;
  55.         } else if(e.getKeyCode() == KeyEvent.VK_RIGHT) {
  56.             x+=2;
  57.         }
  59.         //让面板重绘
  60.         this.repaint();
  61.     }
  63.     //当某个键释放(松开)，该方法会触发
  64.     @Override
  65.     public void keyReleased(KeyEvent e) {
  67.     }
  68. }

2. 事件处理机制

  1. 前面我们提到几个重要的概念事件源,事件,事件监听器我们下面来全面的介绍它们

  2. 事件源:事件源是一个产生事件的对象,比如按钮,窗口等

  3. 事件:事件就是承载事件源状态改变时的对象,比如当键盘事件、鼠标事件、窗口事件
    等等,会生成一个事件对象,该对象保存着当前事件很多信息,比如 KeyEvent对象有
    含有被按下键的code值。 java. awt event包和 avax swingevent包中定义了各种事
    件类型

  4. 事件类型
    第16章 坦克大战 - 图1

  5. 事件监听器接口

    1. 当事件源产生一个事件,可以传送给事件监听者处理
    2. 事件监听者实际上就是一个类,该类实现了某个事件监听器接口比如前面我们案例中的 My Panel就是一个类,它实现了KeyListener接口,它就可以作为一个事件监听者,对接受到的事件
      进行处理
    3. 事件监听器接口有多种,不同的事件监听器接口可以监听不同的事件一个类可以实现多个监听接口
    4. 这些接口在 java. awt. even包和 javax. swing event包中定义.列出常用的事件监听器接口查看jdk文档聚集了

第16章 坦克大战 - 图2

3. Graphics 类

Graphics类你可以理解就是画笔为我们提供了各种绘制图形的方法:[参考jdk帮助文档]

  1. 画直线 drawLine(intx1inty1,intx2inty2)
  2. 画矩形边框 draw Rect(int x, int y, int width, int height)
  3. 画椭圆边框 drawOval(int x, int y, int width, int height)
  4. 填充矩形 fillRect(int x, int y, int width, int height)
  5. 填充椭圆 fillOval(int x, int y, int width, int height)
  6. 画图片 drawlmage(Image img, int x, int y)
  7. 画字符串 drawString(String str, intx, inty)
  8. 设置画笔的字体 setFont(Font font)
  9. 设置画笔的颜色 setcolor(Color c)

4. java 绘图技术

坐标体系-介绍

  1.    下图说明了Java坐标系。坐标原点位于左上角,以像素为单位。在Java坐标系中第一个是x坐标表示当前位置为水平方向,距离坐标原点x个像素;第二个是y坐标,表示当前位置为垂直方向,距离坐标原点y个像素。

坐标体系-像素

  1. 绘图还必须要搞清一个非常重要的概念-像素一个像素等于多少厘米
  2. 计算机在屏幕上显示的内容都是由屏幕上的每一个像素组成的。例如,计算机显示
    器的分辨率是800×600,表示计算机屏幕上的每一行由800个点组成,共有600行
    整个计算机屏幕共有480000个像素。像素是一个密度单位而厘米是长度单位两
    者无法比较

介绍-快速入门

  1. public class DrawCircle extends JFrame { //JFrame对应窗口,可以理解成是一个画框
  3.     //定义一个面板
  4.     private MyPanel mp = null;
  6.     public static void main(String[] args) {
  7.         new DrawCircle();
  8.         System.out.println("退出程序~");
  9.     }
  11.     public DrawCircle() {//构造器
  12.         //初始化面板
  13.         mp = new MyPanel();
  14.         //把面板放入到窗口(画框)
  15.         this.add(mp);
  16.         //设置窗口的大小
  17.         this.setSize(400, 300);
  18.         //当点击窗口的小×，程序完全退出.
  19.         this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  20.         this.setVisible(true);//可以显示
  21.     }
  22. }
  24. //1.先定义一个MyPanel, 继承JPanel类， 画图形，就在面板上画
  25. class MyPanel extends JPanel {
  28.     //说明:
  29.     //1. MyPanel 对象就是一个画板
  30.     //2. Graphics g 把 g 理解成一支画笔
  31.     //3. Graphics 提供了很多绘图的方法
  32.     //Graphics g
  33.     @Override
  34.     public void paint(Graphics g) {//绘图方法
  35.         super.paint(g);//调用父类的方法完成初始化.
  36.         System.out.println("paint 方法被调用了~");
  37.         //画出一个圆形.
  38.         //g.drawOval(10, 10, 100, 100);
  41.         //演示绘制不同的图形..
  42.         //画直线 drawLine(int x1,int y1,int x2,int y2)
  43.         //g.drawLine(10, 10, 100, 100);
  44.         //画矩形边框 drawRect(int x, int y, int width, int height)
  45.         //g.drawRect(10, 10, 100, 100);
  46.         //画椭圆边框 drawOval(int x, int y, int width, int height)
  47.         //填充矩形 fillRect(int x, int y, int width, int height)
  48.         //设置画笔的颜色
  49. //        g.setColor(Color.blue);
  50. //        g.fillRect(10, 10, 100, 100);
  52.         //填充椭圆 fillOval(int x, int y, int width, int height)
  53. //        g.setColor(Color.red);
  54. //        g.fillOval(10, 10, 100, 100);
  56.         //画图片 drawImage(Image img, int x, int y, ..)
  57.         //1. 获取图片资源, /bg.png 表示在该项目的根目录去获取 bg.png 图片资源
  58. //        Image image = Toolkit.getDefaultToolkit().getImage(Panel.class.getResource("/bg.png"));
  59. //        g.drawImage(image, 10, 10, 175, 221, this);
  60.         //画字符串 drawString(String str, int x, int y)//写字
  61.         //给画笔设置颜色和字体
  62.         g.setColor(Color.red);
  63.         g.setFont(new Font("隶书", Font.BOLD, 50));
  64.         //这里设置的 100， 100， 是 "北京你好"左下角
  65.         g.drawString("北京你好", 100, 100);
  66.         //设置画笔的字体 setFont(Font font)
  67.         //设置画笔的颜色 setColor(Color c)
  68.     }
  69. }

绘图原理

Component类提供了两个和绘图相关最重要的方法:

  1. paint(Graphics g)绘制组件的外观
  2. repaint() 刷新组件的外观。

当组件第一次在屏幕显示的时候程序会自动的调用 paint方法来绘制组件
在以下情况 paint()将会被调用:

  1. 窗口最小化再最大化
  2. 窗口的大小发生变化
  3. repaint 方法被调用