目录
一、项目介绍
1、登录界面
登录界面有需要填写用户名、密码、验证码
2、游戏界面
游戏界面通过上下左右键进行拼图，上方菜单栏可以切换图片、重新开始
有隐藏键：按w可以直接胜利，长按A键可以查看完整图片
3、注册界面
注册界面需要填写用户，密码，再次确认密码，两次密码需要一致
点击重置按键清空填写框，重新填写
二、代码实现
1、工具类
分析
因为有一些功能在其他类中需要重复用到，所以写了个工具类，用来存放一些公共方法
arrUtil.java
package com.lwj.util;
import com.lwj.pojo.User;
import javax.swing.*;
import java.sql.Array;
import java.util.ArrayList;
import java.util.Random;
public class arrUtil {
//打乱图片
public int[][] arrChange(){
int[] arr = {1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0};
int[][] newArr = new int[4][4];
Random random = new Random();
// 打乱一维数组
for (int i = 0; i < arr.length; i++) {
//生成随机索引
int index = random.nextInt(arr.length);
int temp = arr[i];
arr[i] = arr[index];
arr[index] = temp;
}
//将一维数组赋值给二维数组
int index = 0;
for (int i = 0; i < newArr.length; i++) {
for (int j = 0; j < newArr[i].length; j++) {
newArr[i][j] = arr[index];
index++;
}
}
return newArr;
}
//判断是否胜利
public boolean victory(int[][] arr){
//定义胜利的数组
int[][] win = {{1,2,3,4},{5,6,7,8},{9,10,11,12},{13,14,15,0}};
//判断两个数组是否一样
for (int i = 0; i < win.length; i++) {
for (int j = 0; j < win[i].length; j++) {
if (win[i][j] != arr[i][j]){
return false;
}
}
}
return true;
}
//随机路径
public String changePath(){
String[] str = {"animal","girl","sport"};
Random random = new Random();
String path = "";
int index = random.nextInt(3);
if (index == 0){
int i = random.nextInt(8) + 1;
path = str[0]+"\\"+"\\"+str[0]+i+"\\\\";
} else if (index == 1){
int i = random.nextInt(13) + 1;
path = str[1]+"\\"+"\\"+str[1]+i+"\\\\";
} else if (index == 2){
int i = random.nextInt(10) + 1;
path = str[2]+"\\"+"\\"+str[2]+i+"\\\\";
}
return path;
}
//生成验证码
public String createCode(){
String[] arr = {"q","w","e","r","t","y","u","i","o","p","a","s","d","f","g","h","j","k","l","z","x","c","v","b","n","m"};
String code = "";
Random random = new Random();
for (int i = 0; i < 4; i++) {
code += arr[random.nextInt(26)];
}
code+= random.nextInt(10);
return code;
}
//弹窗提示方法
public void showJDialog(){
JDialog jDialog = new JDialog();
jDialog.setSize(200,150);
jDialog.setAlwaysOnTop(true);
jDialog.setLocationRelativeTo(null);
jDialog.setModal(true);
JLabel jLabel = new JLabel();
jLabel.setText("输入错误");
jLabel.setBounds(0,0,200,150);
jDialog.getContentPane().add(jLabel);
jDialog.setVisible(true);
}
}
2、用户pojo类
分析
存放用户信息的javabean类
User.java
package com.lwj.pojo;
public class User {
private String name;
private String password;
public User() {
}
public User(String name, String password) {
this.name = name;
this.password = password;
}
/**
* 获取
* @return name
*/
public String getName() {
return name;
}
/**
* 设置
* @param name
*/
public void setName(String name) {
this.name = name;
}
/**
* 获取
* @return password
*/
public String getPassword() {
return password;
}
/**
* 设置
* @param password
*/
public void setPassword(String password) {
this.password = password;
}
public String toString() {
return "User{name = " + name + ", password = " + password + "}";
}
}
3、登录界面
分析
其实就是添加图片、文本输入框、按钮，设置按钮事件，点击登录获取文本框的按钮，在对已有用户进行比对，在账号和密码都正确的情况下要跳转到游戏界面
登录界面代码
LoginJFrame.java
package com.lwj.ui;
import com.lwj.pojo.User;
import com.lwj.util.arrUtil;
import javax.swing.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.ArrayList;
/**
* 登录界面
*/
public class LoginJFrame extends JFrame implements ActionListener , KeyListener {
public LoginJFrame(){
initJFrame();
initImage();
}
//设置窗体
private void initJFrame() {
//设置窗体大小
this.setSize(480,440);
//设置界面标题
this.setTitle("登录界面");
//设置界面置顶
this.setAlwaysOnTop(true);
//设置窗口居中
this.setLocationRelativeTo(null);
//设置默认关闭模式
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
//设置窗体可见
this.setVisible(true);
}
//创建用户输入框对象
JTextField userText = new JTextField();
//创建密码输入框
JPasswordField passwordText = new JPasswordField();
//创建验证码输入框
JTextField codeText = new JTextField();
//创建注册按钮
JButton registerButton = new JButton();
//创建登录按钮
JButton loginButton = new JButton();
//存放验证码
String create = "";
//创建工具类对象
arrUtil arrutil = new arrUtil();
//创建数组存放用户
static ArrayList<User> userList = new ArrayList<>();
static {
userList.add(new User("林","123456"));
userList.add(new User("沈敬斌","123456"));
}
public ArrayList<User> reUser(){
return userList;
}
public void setUser(String username,String password){
userList.add(new User(username,password));
}
private void initImage() {
//清空原本已经出现的图片
this.getContentPane().removeAll();
//添加用户图片
JLabel userImage = new JLabel(new ImageIcon("puzzGame\\image\\login\\username.png"));
userImage.setBounds(150,150,47,17);
this.add(userImage);
//添加用户输入框
userText.setBounds(210,150,100,18);
this.add(userText);
//添加密码图片
JLabel passImage = new JLabel(new ImageIcon("puzzGame\\image\\login\\pass.png"));
passImage.setBounds(158,200,32,16);
this.add(passImage);
//添加密码输入框
passwordText.setBounds(210,200,100,18);
this.add(passwordText);
//添加验证码图片
JLabel codeImage = new JLabel(new ImageIcon("puzzGame\\image\\login\\code.png"));
codeImage.setBounds(150,250,56,21);
this.add(codeImage);
//添加验证码输入框
codeText.setBounds(210,250,100,18);
this.add(codeText);
//生成验证码
JLabel code = new JLabel();
code.setBounds(320,245,50,30);
create = arrutil.createCode();
code.setText(create);
System.out.println(create);
this.add(code);
//添加登录按钮
loginButton.setBounds(180,300,50,30);
loginButton.setIcon(new ImageIcon("puzzGame\\image\\login\\loginbutton.png"));
loginButton.addActionListener(this);
this.add(loginButton);
//添加注册按钮
registerButton.setBounds(260,300,50,30);
registerButton.setIcon(new ImageIcon("puzzGame\\image\\login\\registerButton.png"));
registerButton.addActionListener(this);
this.add(registerButton);
//添加背景图片
JLabel backround = new JLabel(new ImageIcon("puzzGame\\image\\register\\background.png"));
backround.setBounds(0,0,470,390);
this.add(backround);
//刷新页面
this.getContentPane().repaint();
}
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource() == loginButton){
String username = userText.getText();
String password = passwordText.getText();
String code = codeText.getText();
boolean flag = checkUser(userList, username, password, code);
if (flag){
new GameJFrame();
} else {
arrutil.showJDialog();
initImage();
}
} else if (e.getSource() == registerButton){
new RegisterJFrame();
this.setVisible(false);
System.out.println("注册");
}
}
@Override
public void keyTyped(KeyEvent e) {
}
@Override
public void keyPressed(KeyEvent e) {
}
@Override
public void keyReleased(KeyEvent e) {
}
//判断用户名密码是否正确
public boolean checkUser(ArrayList<User> userList,String username,String password,String code) {
for (int i = 0; i < userList.size(); i++) {
if (username.equals(userList.get(i).getName())) {
System.out.println("用户名正确");
if (password.equals(userList.get(i).getPassword())) {
System.out.println("密码正确");
if (code.equals(create)) {
return true;
}
}
}
}
return false;
}
}4、游戏界面
分析
-
拼图部分，其实是15张图片，将其改成对应名字，再通过数组的方式打乱，通过事件，再点击键盘的时候，交换索引来实现图片移动
-
查看完整图片功能，就是按A键在页面中找出完整图片
-
w键直接胜利，通过对数组排序来实现完成图片
游戏界面代码
GameJFrame.java
package com.lwj.ui;
import com.lwj.util.arrUtil;
import javax.swing.*;
import javax.swing.border.BevelBorder;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.ArrayList;
/**
* 游戏界面
*/
public class GameJFrame extends JFrame implements KeyListener , ActionListener {
public GameJFrame(){
//初始化界面
initJFrame();
//初始化菜单
initJMenuBar();
//初始化图片
initImage();
//设置窗体可见
this.setVisible(true);
}
//记录空白方块位置
int x = 0;
int y = 0;
//记录图片路径
String path = "puzzGame\\image\\animal\\animal3\\";
//随机图片记录
String changeimage = "";
String background = "puzzGame\\image\\background.png";
//调用工具类方法，打乱数组
arrUtil arrutil = new arrUtil();
int[][] ints = arrutil.arrChange();
//判断游戏是否胜利标记
boolean flag = false;
//统计步数
int step = 0;
private void initImage() {
//清空原本已经出现的图片
this.getContentPane().removeAll();
flag = arrutil.victory(ints);
if (flag){
//显示胜利图片
JLabel winJLabel = new JLabel(new ImageIcon("puzzGame\\image\\win.png"));
winJLabel.setBounds(203,283,197,73);
this.getContentPane().add(winJLabel);
}
JLabel stepCount = new JLabel("步数"+step);
stepCount.setBounds(50,30,100,20);
this.getContentPane().add(stepCount);
//双重循序添加图片
for (int i = 0; i < 4; i++) {
for (int j = 0; j < 4; j++) {
//创建一个图片对象，将数组进行图片循环
ImageIcon icon = new ImageIcon(path+ints[i][j]+".jpg");
//创建Jlabel对象
JLabel jLabel = new JLabel(icon);
//指定图片位置
jLabel.setBounds(105*j+83,105*i+134, 105, 105);
//给图片添加边框
jLabel.setBorder(new BevelBorder(BevelBorder.RAISED));
this.setLayout(null);
this.getContentPane().add(jLabel);
//记录空白方块位置
if (ints[i][j] == 0){
x = i;
y = j;
}
//刷新页面
this.getContentPane().repaint();
}
}
JLabel backround = new JLabel(new ImageIcon(background));
backround.setBounds(40,40,508,560);
this.add(backround);
}
//创建条目对象
JMenuItem replayItem = new JMenuItem("重新游戏");
JMenuItem reLoginItem = new JMenuItem("重新登录");
JMenuItem closeItem = new JMenuItem("关闭游戏");
JMenuItem changeImage = new JMenuItem("切换图片");
JMenuItem accountItem = new JMenuItem("公众号");
private void initJMenuBar() {
/**
* 初始化菜单
* 1、创建整个菜单对象
* 2、创建选项对象
* 3、创建选项条目对象
* 4、组合，将条目对象放在选项中，选项放进菜单
*/
//创建菜单对象
JMenuBar jMenuBar = new JMenuBar();
//创建菜单选项
JMenu functionJMenu = new JMenu("功能");
JMenu aboutJMenu = new JMenu("关于我们");
//条目对象添加进选项
functionJMenu.add(replayItem);
functionJMenu.add(reLoginItem);
functionJMenu.add(changeImage);
functionJMenu.add(closeItem);
aboutJMenu.add(accountItem);
//给条目绑定事件
replayItem.addActionListener(this);
reLoginItem.addActionListener(this);
closeItem.addActionListener(this);
accountItem.addActionListener(this);
changeImage.addActionListener(this);
//菜单选项添加进菜单
jMenuBar.add(functionJMenu);
jMenuBar.add(aboutJMenu);
//设置整个界面
this.setJMenuBar(jMenuBar);
}
private void initJFrame() {
//设置窗体大小
this.setSize(603,680);
//设置界面标题
this.setTitle("拼图单机版");
//设置界面置顶
this.setAlwaysOnTop(true);
//设置窗口居中
this.setLocationRelativeTo(null);
//设置默认关闭模式
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
//给整个界面添加键盘监听事件
this.addKeyListener(this);
}
@Override
public void keyTyped(KeyEvent e) {
}
//按下不松调用方法
@Override
public void keyPressed(KeyEvent e) {
if (e.getKeyCode() == 65){
//把界面中所有图片全部删除
this.getContentPane().removeAll();
//加载完整图片
ImageIcon icon = new ImageIcon(path+"all.jpg");
JLabel jLabel = new JLabel(icon);
jLabel.setBounds(83,134,420,420);
this.setLayout(null);
this.getContentPane().add(jLabel);
//添加背景图片
JLabel backround = new JLabel(new ImageIcon(background));
backround.setBounds(40,40,508,560);
this.add(backround);
//刷新页面
this.getContentPane().repaint();
}
}
@Override
public void keyReleased(KeyEvent e) {
//判断游戏是否胜利，胜利结束该方法
if (flag){
return;
}
/**
*键盘上下左右判断
* 左：37，右：39 上：38，下：40
*/
int code = e.getKeyCode();
if (code == 37){
System.out.println("向左移动");
if (y != 3){
//把空白方块下方的数字赋值给空白方块
ints[x][y] = ints[x][y+1];
ints[x][y+1] = 0;
y++;
//步数增
step++;
//调用方法展示最新数据
initImage();
}
} else if (code == 38){
System.out.println("向上移动");
if (x != 3){
//把空白方块下方的数字赋值给空白方块
ints[x][y] = ints[x+1][y];
ints[x+1][y] = 0;
x++;
//步数增
step++;
//调用方法展示最新数据
initImage();
}
} else if (code == 39){
System.out.println("向右移动");
if (y != 0){
//把空白方块下方的数字赋值给空白方块
ints[x][y] = ints[x][y-1];
ints[x][y-1] = 0;
y--;
//步数增
step++;
//调用方法展示最新数据
initImage();
}
} else if (code == 40){
System.out.println("向下移动");
if (x != 0){
//把空白方块下方的数字赋值给空白方块
ints[x][y] = ints[x-1][y];
ints[x-1][y] = 0;
x--;
//步数增
step++;
//调用方法展示最新数据
initImage();
}
} else if (code == 65){
initImage();
} else if (code == 87){
//按下w键直接获胜
ints = new int[][]{{1, 2, 3, 4}, {5, 6, 7, 8}, {9, 10, 11, 12}, {13, 14, 15, 0}};
initImage();
}
}
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource() == replayItem){
System.out.println("重新游戏");
//打乱数组数据
ints = arrutil.arrChange();
//计数器清零
step = 0;
//重新加载图
initImage();
} else if (e.getSource() == reLoginItem) {
System.out.println("重新登录");
this.setVisible(false);
new LoginJFrame();
} else if (e.getSource() == closeItem) {
System.out.println("关闭游戏");
//直接停止虚拟机
System.exit(0);
} else if (e.getSource() == accountItem) {
System.out.println("公众号");
//创建弹框对象
JDialog jDialog = new JDialog();
//创建容器对象
JLabel jLabel = new JLabel(new ImageIcon("puzzGame\\image\\my.jpg"));
//设置位置
jLabel.setBounds(0,0,258,258);
jDialog.getContentPane().add(jLabel);
jDialog.setSize(344,344);
//设置置顶居中
jDialog.setAlwaysOnTop(true);
jDialog.setLocationRelativeTo(null);
//弹框不关闭则无法操作页面
jDialog.setModal(true);
jDialog.setVisible(true);
} else if (e.getSource() == changeImage) {
String newPath = arrutil.changePath();
path = "puzzGame\\\\image\\\\"+newPath;
System.out.println(path);
//打乱数组
ints = arrutil.arrChange();
step = 0;
//重新加载图
initImage();
}
}
}5、注册界面
分析
添加图片、文本框、按钮，通过按钮来实现事件，获取到文本框的文本，再将用户名跟现有的用户进行比对，如果存在则注册失败，不存在再进行二次密码确认，注册成功跳转到登录界面
注册界面代码
RegisterJFrame.java
package com.lwj.ui;
import com.lwj.pojo.User;
import com.lwj.util.arrUtil;
import javax.swing.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.util.ArrayList;
import static com.lwj.ui.LoginJFrame.*;
/**
* 注册界面
*/
public class RegisterJFrame extends JFrame implements ActionListener {
public RegisterJFrame(){
initJFrmae();
initImage();
}
//创建注册用户对象
JTextField registerUsername = new JTextField();
//创建密码输入框对象
JPasswordField passwordText = new JPasswordField();
//创建再次输入密码对象
JPasswordField rePasswordText = new JPasswordField();
//注册对象
JButton registerButton = new JButton();
//重置对象
JButton rebootButton = new JButton();
//添加图片
private void initImage() {
//清空原本已经出现的图片
this.getContentPane().removeAll();
//添加用户图片
JLabel userImage = new JLabel(new ImageIcon("puzzGame\\image\\register\\registername.png"));
userImage.setBounds(125,150,79,17);
this.add(userImage);
//添加用户输入框
registerUsername.setBounds(210,150,100,18);
this.add(registerUsername);
//添加密码图片
JLabel passwordImage = new JLabel(new ImageIcon("puzzGame\\image\\register\\password.png"));
passwordImage.setBounds(130,200,64,16);
this.add(passwordImage);
//添加密码输入框
passwordText.setBounds(210,200,100,18);
this.add(passwordText);
//添加再次密码图片
JLabel repasswordImage = new JLabel(new ImageIcon("puzzGame\\image\\register\\repassowrd.png"));
repasswordImage.setBounds(110,250,96,17);
this.add(repasswordImage);
//添加密码输入框
rePasswordText.setBounds(210,250,100,18);
this.add(rePasswordText);
//添加注册按钮
registerButton.setBounds(180,300,50,30);
registerButton.setIcon(new ImageIcon("puzzGame\\image\\register\\registerbutton.png"));
registerButton.addActionListener(this);
this.add(registerButton);
rebootButton.setBounds(250,300,50,30);
rebootButton.setIcon(new ImageIcon("puzzGame\\image\\register\\rebootButton.png"));
rebootButton.addActionListener(this);
this.add(rebootButton);
//添加背景图片
JLabel backround = new JLabel(new ImageIcon("puzzGame\\image\\register\\background.png"));
backround.setBounds(0,0,470,390);
this.add(backround);
//刷新页面
this.getContentPane().repaint();
}
//初始化窗体
private void initJFrmae() {
//设置窗体大小
this.setSize(480,440);
//设置界面标题
this.setTitle("注册界面");
//设置界面置顶
this.setAlwaysOnTop(true);
//设置窗口居中
this.setLocationRelativeTo(null);
//设置默认关闭模式
this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
//设置窗体可见
this.setVisible(true);
}
//添加用户
public static boolean addUser(String username,String password,String repassword){
LoginJFrame jF = new LoginJFrame();
ArrayList<User> users = jF.reUser();
for (int i = 0; i < users.size(); i++) {
if (username.equals(users.get(i).getName())){
return false;
}
}
if (!(password.equals(repassword))){
return false;
}
jF.setUser(username,password);
return true;
}
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource() == registerButton){
String username = registerUsername.getText();
String password = passwordText.getText();
String repassword = rePasswordText.getText();
boolean flag = addUser(username, password, repassword);
if (flag){
new LoginJFrame();
this.setVisible(false);
} else {
arrUtil util = new arrUtil();
util.showJDialog();
initImage();
}
} else if (e.getSource() == rebootButton){
registerUsername.setText("");
passwordText.setText("");
rePasswordText.setText("");
initImage();
}
}
}
6、启动类
添加main方法启动
import com.lwj.ui.GameJFrame;
import com.lwj.ui.LoginJFrame;
import com.lwj.ui.RegisterJFrame;
public class App {
public static void main(String[] args) {
// 调用登录界面
new LoginJFrame();
//调用游戏界面
// new GameJFrame();
//调用注册界面
// new RegisterJFrame();
}
}三、源码获取
关注微信公众号：小林学编程，回复：拼图游戏
4662
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
