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.csdn.net/Changer_Wu/article/details/51595165

[注释3]：SWing简介：http://www.runoob.com/w3cnote/java-swing-demo-intro.html