Java课程学习十一：图片匹配游戏

图片匹配游戏

引用转载请注明出处，Thanks！

通过为标签空间添加图形以及鼠标事件，完成图片配对的游戏。[1]

JFrame 简介：

Swing的三个基本构造块：标签、按钮和文本字段；但是需要个地方安放它们，并希望用户知道如何处理它们。JFrame
类就是解决这个问题的——它是一个容器，允许程序员把其他组件添加到它里面，把它们组织起来，并把它们呈现给用户。 JFrame 实际上不仅仅让程序员把组件放入其中并呈现给用户。比起它表面上的简单性，它实际上是 Swing 包中最复杂的组件。为了最大程度地简化组件，在独立于操作系统的 Swing组件与实际运行这些组件的操作系统之间，JFrame 起着桥梁的作用。JFrame 在本机操作系统中是以窗口的形式注册的，这么做之后，就可以得到许多熟悉的操作系统窗口的特性：最小化/最大化、改变大小、移动。Java 事件模型基础：监听器、事件、事件源、事件注册。

Java的GUI程序的基本思路是以JFrame为基础，它是屏幕上window的对象，能够最大化、最小化、关闭。[2]

JFrame 测试：

HelloWorldSwing.java[3]

import javax.swing.*;
public class HelloWorldSwing {
    /**{
     * 创建并显示GUI。出于线程安全的考虑，
     * 这个方法在事件调用线程中调用。
     */
    private static void createAndShowGUI() {
        // 确保一个漂亮的外观风格
        JFrame.setDefaultLookAndFeelDecorated(true);

        // 创建及设置窗口
        JFrame frame = new JFrame("HelloWorldSwing");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        // 添加 "Hello World" 标签
        JLabel label = new JLabel("Hello World");
        frame.getContentPane().add(label);

        // 显示窗口
        frame.pack();
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        // 显示应用 GUI
        javax.swing.SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI();
            }
        });
    }
}

配对游戏源码：

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Point;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
import javax.swing.border.LineBorder;

@SuppressWarnings("serial")
public class PictureMatchingFrame extends JFrame implements MouseListener,
        MouseMotionListener {
    private JLabel img[] = new JLabel[3];// 显示图标的标签
    private JLabel targets[] = new JLabel[3];// 窗体下面显示文字的标签
    private Point pressPoint; // 鼠标按下时的起始坐标

    public static void main(String args[]) {
        PictureMatchingFrame frame = new PictureMatchingFrame(); // 创建本类对象
        frame.setVisible(true); // 设置窗体为可视状态
    }

    public PictureMatchingFrame() {
        super();
        getContentPane().setLayout(new BorderLayout());
        setBounds(100, 100, 364, 312);
        setTitle("图片配对游戏");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        final JPanel imagePanel = new JPanel();
        imagePanel.setLayout(null);
        imagePanel.setOpaque(false);
        setGlassPane(imagePanel);
        getGlassPane().setVisible(true);
        ImageIcon icon[] = new ImageIcon[3];
        icon[0] = new ImageIcon(getClass().getResource("screen.png"));
        icon[1] = new ImageIcon(getClass().getResource("clothing.png"));
        icon[2] = new ImageIcon(getClass().getResource("bike.png"));
        final JPanel bottomPanel = new JPanel();
        bottomPanel.setLayout(new FlowLayout(FlowLayout.CENTER, 20, 5));
        getContentPane().add(bottomPanel, BorderLayout.SOUTH);
        for (int i = 0; i < 3; i++) {
            img[i] = new JLabel(icon[i]); // 创建图像标签
            img[i].setSize(50, 50); // 设置标签大小
            img[i].setBorder(new LineBorder(Color.GRAY)); // 设置线性边框
            int x = (int) (Math.random() * (getWidth() - 50)); // 随机生成X坐标
            int y = (int) (Math.random() * (getHeight() - 150));// 随机生成Y坐标
            img[i].setLocation(x, y); // 设置随机坐标
            img[i].addMouseListener(this); // 为每个图像标签添加鼠标事件监听器
            img[i].addMouseMotionListener(this);
            imagePanel.add(img[i]); // 添加图像标签到图像面板
            targets[i] = new JLabel(); // 创建匹配位置标签
            targets[i].setOpaque(true); // 使标签不透明，以设置背景色
            targets[i].setBackground(Color.ORANGE); // 设置标签背景色
            targets[i].setHorizontalTextPosition(SwingConstants.CENTER); // 设置文本与图像水平居中
            targets[i].setVerticalTextPosition(SwingConstants.BOTTOM); // 设置文本显示在图像下方
            targets[i].setPreferredSize(new Dimension(80, 80)); // 设置标签首先大小
            targets[i].setHorizontalAlignment(SwingConstants.CENTER); // 文字居中对齐
            bottomPanel.add(targets[i]); // 添加标签到底部面板
        }
        targets[0].setText("显示器"); // 设置匹配位置的文本
        targets[1].setText("衣服");
        targets[2].setText("自行车");
    }

    public void mouseClicked(MouseEvent e) {
    }

    public void mouseMoved(MouseEvent e) {
    }

    public void mouseEntered(MouseEvent e) {
    }

    public void mouseExited(MouseEvent e) {
    }

    public void mousePressed(MouseEvent e) {
        pressPoint = e.getPoint(); // 保存拖放图片标签时的起始坐标
    }

    public void mouseReleased(MouseEvent e) {
        if (checkPosition()) { // 如果配对正确
            getGlassPane().setVisible(false);
            for (int i = 0; i < 3; i++) { // 遍历所有匹配位置的标签
                targets[i].setText("匹配成功"); // 设置正确提示
                targets[i].setIcon(img[i].getIcon()); // 设置匹配的图标
            }
        }
    }

    /**
     * 鼠标拖动控件时的事件处理方法
     */
    public void mouseDragged(MouseEvent e) {
        JLabel source = (JLabel) e.getSource(); // 获取事件源控件
        Point imgPoint = source.getLocation(); // 获取控件坐标
        Point point = e.getPoint(); // 获取鼠标坐标
        source.setLocation(imgPoint.x + point.x - pressPoint.x, imgPoint.y
                + point.y - pressPoint.y); // 设置控件新坐标
    }

    private boolean checkPosition() {// 检查配对是否正确
        boolean result = true;
        for (int i = 0; i < 3; i++) {
            Point location = img[i].getLocationOnScreen(); // 获取每个图像标签的位置
            Point seat = targets[i].getLocationOnScreen(); // 获取每个对应位置的坐标
            targets[i].setBackground(Color.GREEN); // 设置匹配后的颜色
            // 如果配对错误
            if (location.x < seat.x || location.y < seat.y
                    || location.x > seat.x + 80 || location.y > seat.y + 80) {
                targets[i].setBackground(Color.ORANGE); // 回复对应位置的颜色
                result = false; // 检测结果为false
            }
        }
        return result; // 返回检测结果
    }
}

引用：
[注释1]：JAVA开发实战1200例（第二卷）
[注释2]：JFrame：http://blog.youkuaiyun.com/Changer_Wu/article/details/51595165
[注释3]：SWing简介：http://www.runoob.com/w3cnote/java-swing-demo-intro.html