• 【Java项目介绍和界面搭建】拼图小游戏——打乱图片顺序

    1. 🍬 博主介绍
    2.  
    3. 👨‍🎓 博主介绍：大家好，我是 hacker-routing ，很高兴认识大家~
    4. ✨主攻领域：【渗透领域】【应急响应】 【Java】 【VulnHub靶场复现】【面试分析】
    5. 🎉点赞➕评论➕收藏 == 养成习惯（一键三连）😋
    6. 🎉欢迎关注💗一起学习👍一起讨论⭐️一起进步📝文末有彩蛋
    7. 🙏作者水平有限，欢迎各位大佬指点，相互学习进步！
    8.

    目录

    拼图小游戏

    练习

    创建主界面1

    代码

    创建主界面2

    菜单制作

    在游戏界面中添加菜单

    代码

    添加图片

    游戏主界面添加组件

    代码

    打乱图片顺序

    练习

    拼图小游戏

    练习

    创建主界面1

    • 到idea中创建一个宽603像素，高680像素的游戏主界面
    • 到idea中创建一个宽488像素，高430像素的登录界面
    • 到idea中创建一个宽488像素，高500像素的注册界面

    代码

    测试类：test ，在这个测试类中，我们直接把三个Java用户图形化界面生成了，但是这样三个功能界面全部都写在同一个main函数里面，对于我们以后的代码修改很不方便。

    所以我们这里进行修改下，分别写成单独的类中。

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class test {
    6.     public static void main(String[] args) {
    7.         //JFrame是JavaBean类描述界面的
    8.         //属性 （宽 高）  行为
    9.  
    10.         //1.创建一个游戏的主界面
    11.         JFrame gameJFrame = new JFrame();
    12.         gameJFrame.setSize(603,680);//单位是像素
    13.         gameJFrame.setVisible(true);
    14.  
    15.         //2.创建一个登陆界面
    16.         JFrame loginJFrame = new JFrame();
    17.         loginJFrame.setSize(488,430);
    18.         loginJFrame.setVisible(true);
    19.  
    20.         //3.创建一个注册界面
    21.         JFrame registerJFrame = new JFrame();
    22.         registerJFrame.setSize(488,500);
    23.         registerJFrame.setVisible(true);
    24.  
    25.  
    26.     }
    27. }
    28.

    注册界面：RegisterJFrame

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class RegisterJFrame extends JFrame {
    6.     //跟相关注册界面的代码，都写里面
    7.     public RegisterJFrame(){
    8.         this.setSize(488,500);
    9.         this.setVisible(true);
    10.     }
    11.  
    12. }
    13.

    登录界面：loginJFrame

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class loginJFrame extends JFrame {
    6.     //loginJFrame 表示登录界面
    7.     //以后所以跟登录相关的代码，都写里面
    8.     public loginJFrame(){
    9.         this.setSize(488,430);
    10.         this.setVisible(true);
    11.     }
    12.  
    13. }
    14.

    游戏界面：GameJFrame

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class GameJFrame extends JFrame {
    6.     //JFrame 界面，窗体
    7.     //子类呢？也表示界面，窗体
    8.     //规定：GameJFrame这个界面表示的就是游戏的主界面
    9.     //以后跟游戏相关的所有逻辑都写在这个类中
    10.     public GameJFrame(){
    11.         this.setSize(603,680);//单位是像素
    12.         this.setVisible(true);
    13.     }
    14.  
    15. }
    16.

    程序的启动入口：App

    我们可以把test这个类删掉了，我们可以直接俄利用App这个程序的启动入口，我们需要启动哪个界面，我们直接创建谁就可以了。

    1. import ui.GameJFrame;
    2. import ui.RegisterJFrame;
    3. import ui.loginJFrame;
    4.  
    5. public class App {
    6.     public static void main(String[] args) {
    7.         //表示程序的启动入口
    8.         //如果我们想要开启一个界面，就创建谁的对象就好了
    9.         new RegisterJFrame();
    10.         new GameJFrame();
    11.         new loginJFrame();
    12.     }
    13. }
    14.

    创建主界面2

    简单初始化界面

    1.     public RegisterJFrame(){
    2.         this.setSize(488,500);
    3.  
    4.         //设置界面的标题
    5.         this.setTitle("拼图 注册");
    6.  
    7.         //设置界面置顶
    8.         this.setAlwaysOnTop(true);
    9.  
    10.         //设置界面居中
    11.         this.setLocationRelativeTo(null);
    12.  
    13.         //设置关闭模式
    14.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    15.  
    16.         //让界面显示出来
    17.         this.setVisible(true);
    菜单制作

    在游戏界面中添加菜单

    代码

    游戏界面：GameJFrame

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class GameJFrame extends JFrame {
    6.     //JFrame 界面，窗体
    7.     //子类呢？也表示界面，窗体
    8.     //规定：GameJFrame这个界面表示的就是游戏的主界面
    9.     //以后跟游戏相关的所有逻辑都写在这个类中
    10.     public GameJFrame(){
    11.         //初始化界面
    12.         initJFrame();
    13.  
    14.         //初始化菜单
    15.         initJMenuBar();
    16.  
    17.  
    18.         //让界面显示出来，最后写
    19.         this.setVisible(true);
    20.     }
    21.  
    22.  
    23.  
    24.  
    25.  
    26.  
    27.  
    28.  
    29.     private void initJMenuBar() {
    30.         //初始化菜单
    31.         //创建整个的菜单对象
    32.         JMenuBar jMenuBar = new JMenuBar();
    33.         //创建菜单上面的两个选项的对象  （功能  关于我们）
    34.         JMenu fuctionJMenu = new JMenu("功能");
    35.         JMenu aboutJMenu = new JMenu("关于我们");
    36.         //创建选项下面的条目对象
    37.         JMenuItem replayItem = new JMenuItem("重新游戏");
    38.         JMenuItem reloginItem = new JMenuItem("重新登录");
    39.         JMenuItem closeItem = new JMenuItem("关闭游戏");
    40.  
    41.         JMenuItem accountItem = new JMenuItem("公众号");
    42.         //将每一个选项下的条目添加到对应的选项中
    43.         fuctionJMenu.add(replayItem);
    44.         fuctionJMenu.add(reloginItem);
    45.         fuctionJMenu.add(closeItem);
    46.  
    47.         aboutJMenu.add(accountItem);
    48.         //将菜单里面的两个选项添加到菜单中
    49.         jMenuBar.add(fuctionJMenu);
    50.         jMenuBar.add(aboutJMenu);
    51.  
    52.         //给整个界面设置菜单
    53.         this.setJMenuBar(jMenuBar);
    54.     }
    55.  
    56.     private void initJFrame() {
    57.         //设置界面的宽高
    58.         this.setSize(603,680);//单位是像素
    59.  
    60.         //设置界面的标题
    61.         this.setTitle("拼图单机版 v1.0");
    62.  
    63.         //设置界面置顶
    64.         this.setAlwaysOnTop(true);
    65.  
    66.         //设置界面居中
    67.         this.setLocationRelativeTo(null);
    68.  
    69.         //设置关闭模式
    70.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    71.     }
    72.  
    73. }
    74.

    测试类：App

    1. import ui.GameJFrame;
    2. import ui.RegisterJFrame;
    3. import ui.loginJFrame;
    4.  
    5. public class App {
    6.     public static void main(String[] args) {
    7.         //表示程序的启动入口
    8.         //如果我们想要开启一个界面，就创建谁的对象就好了
    9.         new GameJFrame();
    10. //        new RegisterJFrame();
    11. //        new loginJFrame();
    12.     }
    13. }
    14.

    添加图片

    • 默认添加图片显示在正中央

    多写一个初始化图片

    1. package ui;
    2.  
    3. import javax.swing.*;
    4.  
    5. public class GameJFrame extends JFrame {
    6.     //JFrame 界面，窗体
    7.     //子类呢？也表示界面，窗体
    8.     //规定：GameJFrame这个界面表示的就是游戏的主界面
    9.     //以后跟游戏相关的所有逻辑都写在这个类中
    10.     public GameJFrame(){
    11.         //初始化界面
    12.         initJFrame();
    13.  
    14.         //初始化菜单
    15.         initJMenuBar();
    16.  
    17.         //初始化图片
    18.         initimage();
    19.  
    20.  
    21.         //让界面显示出来，最后写m
    22.         this.setVisible(true);
    23.     }
    24.  
    25. //---------------------------------- ---------------------
    26.     //初始化图片
    27.     private void initimage() {
    28.     //1.创建一个图片imageicon的对象
    29.         ImageIcon icon = new ImageIcon("E:\\tool\\IDEA-java\\java代码\\routing\\image\\animal\\animal3\\3.jpg");
    30.     //2.创建一个Jlabel的对象(管理容器)
    31.         JLabel JLabel = new JLabel(icon);
    32.     //3.把管理容器添加到界面中
    33.     this.add(JLabel);
    34.  
    35.     }
    36.  
    37.  
    38.     private void initJMenuBar() {
    39.         //初始化菜单
    40.         //创建整个的菜单对象
    41.         JMenuBar jMenuBar = new JMenuBar();
    42.         //创建菜单上面的两个选项的对象  （功能  关于我们）
    43.         JMenu fuctionJMenu = new JMenu("功能");
    44.         JMenu aboutJMenu = new JMenu("关于我们");
    45.         //创建选项下面的条目对象
    46.         JMenuItem replayItem = new JMenuItem("重新游戏");
    47.         JMenuItem reloginItem = new JMenuItem("重新登录");
    48.         JMenuItem closeItem = new JMenuItem("关闭游戏");
    49.  
    50.         JMenuItem accountItem = new JMenuItem("公众号");
    51.         //将每一个选项下的条目添加到对应的选项中
    52.         fuctionJMenu.add(replayItem);
    53.         fuctionJMenu.add(reloginItem);
    54.         fuctionJMenu.add(closeItem);
    55.  
    56.         aboutJMenu.add(accountItem);
    57.         //将菜单里面的两个选项添加到菜单中
    58.         jMenuBar.add(fuctionJMenu);
    59.         jMenuBar.add(aboutJMenu);
    60.  
    61.         //给整个界面设置菜单
    62.         this.setJMenuBar(jMenuBar);
    63.     }
    64.  
    65.     private void initJFrame() {
    66.         //设置界面的宽高
    67.         this.setSize(603,680);//单位是像素
    68.  
    69.         //设置界面的标题
    70.         this.setTitle("拼图单机版 v1.0");
    71.  
    72.         //设置界面置顶
    73.         this.setAlwaysOnTop(true);
    74.  
    75.         //设置界面居中
    76.         this.setLocationRelativeTo(null);
    77.  
    78.         //设置关闭模式
    79.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    80.     }
    81.  
    82. }
    83.

    app运行：

    1. import ui.GameJFrame;
    2. import ui.RegisterJFrame;
    3. import ui.loginJFrame;
    4.  
    5. public class App {
    6.     public static void main(String[] args) {
    7.         //表示程序的启动入口
    8.         //如果我们想要开启一个界面，就创建谁的对象就好了
    9.         new GameJFrame();
    10. //        new RegisterJFrame();
    11. //        new loginJFrame();
    12.     }
    13. }
    14.

    游戏主界面添加组件

    代码
    1.     //初始化图片
    2.     private void initimage() {
    3.         //外循环  --把内循环重复执行了4次
    4.         int number = 1;
    5.         for (int i = 0; i < 4; i++) {
    6.             //内循环  --表示在一行添加4张图片
    7.             for (int j = 0; j < 4; j++) {
    8.                 //1.创建一个Jlabel的对象(管理容器)
    9.                 JLabel JLabel = new JLabel(new ImageIcon("E:\\\\tool\\\\IDEA-java\\\\java代码\\\\routing\\\\image\\\\animal\\\\animal3\\\\" + number +".jpg"));
    10.                 //2.指定图片的位置
    11.                 JLabel.setBounds(105 * i,105 * j,105,105);
    12.                 //3.把管理容器添加到界面中
    13.                 this.getContentPane().add(JLabel);
    14.                 number++;
    15.             }
    16.         }

    App 运行

    1. import ui.GameJFrame;
    2. import ui.RegisterJFrame;
    3. import ui.loginJFrame;
    4.  
    5. public class App {
    6.     public static void main(String[] args) {
    7.         //表示程序的启动入口
    8.         //如果我们想要开启一个界面，就创建谁的对象就好了
    9.         new GameJFrame();
    10. //        new RegisterJFrame();
    11. //        new loginJFrame();
    12.     }
    13. }
    14.

    打乱图片顺序

    练习

    打乱一维数组中的数据

    int[] tempArr={0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};

    要求:打乱一维数组中的数据，并按照4个一组的方式添加到二维数组中。

    解法一：

    1. package test;
    2.  
    3. import java.util.Random;
    4.  
    5. public class test1 {
    6.     public static void main(String[] args) {
    7.         //1.定义一个一维数组
    8.         int[] temArr = {0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
    9.         //2.打乱数组中的顺序
    10.         //遍历数组，得到每一个元素，拿着每一个元素跟随机索引上的数据进行交换
    11.         Random r = new Random();
    12.         for (int i = 0; i < temArr.length; i++) {
    13.             //获取到随机索引
    14.             int index = r.nextInt(temArr.length);
    15.             //拿着每一个元素跟随机索引上的数据进行交换
    16.             int temp = temArr[i];
    17.             temArr[i] = temArr[index];
    18.             temArr[index] = temp;
    19.         }
    20.         //3.遍历数组
    21.         for (int i = 0; i < temArr.length; i++) {
    22.             System.out.print(temArr[i] + " ");
    23.         }
    24.         System.out.println();
    25.  
    26.         //4.创建一个二维数组
    27.         int[][] data = new int[4][4];
    28.  
    29.         //5.给二维数组添加数据
    30.         //解法一：
    31.         //遍历一维数组tempArr得到每一个元素，把每一个元素依次添加到数组当中
    32.         for (int i = 0; i < temArr.length; i++) {
    33.             data[i / 4][i % 4] = temArr[i];
    34.         }
    35.  
    36.         //遍历二维数组
    37.         for (int i = 0; i < data.length; i++) {
    38.             for (int j = 0; j < data[i].length; j++) {
    39.                 System.out.print(data[i][j] + " ");
    40.             }
    41.             System.out.println();
    42.         }
    43.     }
    44. }
    45.

    解法二：

    1. package test;
    2.  
    3. import java.util.Random;
    4.  
    5. public class test2 {
    6.     public static void main(String[] args) {
    7.         //1.定义一个一维数组
    8.         int[] temArr = {0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
    9.         //2.打乱数组中的顺序
    10.         //遍历数组，得到每一个元素，拿着每一个元素跟随机索引上的数据进行交换
    11.         Random r = new Random();
    12.         for (int i = 0; i < temArr.length; i++) {
    13.             //获取到随机索引
    14.             int index = r.nextInt(temArr.length);
    15.             //拿着每一个元素跟随机索引上的数据进行交换
    16.             int temp = temArr[i];
    17.             temArr[i] = temArr[index];
    18.             temArr[index] = temp;
    19.         }
    20.         //3.遍历数组
    21.         for (int i = 0; i < temArr.length; i++) {
    22.             System.out.print(temArr[i] + " ");
    23.         }
    24.         System.out.println();
    25.  
    26.         //4.创建一个二维数组
    27.         int[][] data = new int[4][4];
    28.  
    29.         //5.给二维数组添加数据
    30.         //解法二：
    31.         //遍历二维数组，给里面的每一个数据赋值
    32.         int index = 0;
    33.         for (int i = 0; i < data.length; i++) {
    34.             for (int j = 0; j < data[i].length; j++) {
    35.                 data[i][j] = temArr[index];
    36.                 index++;
    37.             }
    38.         }
    39.  
    40.         //遍历二维数组
    41.         for (int i = 0; i < data.length; i++) {
    42.             for (int j = 0; j < data[i].length; j++) {
    43.                 System.out.print(data[i][j] + " ");
    44.             }
    45.             System.out.println();
    46.         }
    47.     }
    48. }
    49.  
    50.

    在GameJFrame编写

    1. package ui;
    2.  
    3. import javax.swing.*;
    4. import java.util.Random;
    5.  
    6. public class GameJFrame extends JFrame {
    7.     //JFrame 界面，窗体
    8.     //子类呢？也表示界面，窗体
    9.     //规定：GameJFrame这个界面表示的就是游戏的主界面
    10.     //以后跟游戏相关的所有逻辑都写在这个类中
    11.  
    12.     //创建一个二维数组
    13.     //目的：加载图片
    14.     int[][] data = new int[4][4];
    15.     public GameJFrame(){
    16.         //初始化界面
    17.         initJFrame();
    18.  
    19.         //初始化菜单
    20.         initJMenuBar();
    21.  
    22.         //初始化数据(打乱)
    23.         initdata();
    24.  
    25.  
    26.         //初始化图片(根据打乱之后的数据结果加载图片)
    27.         initimage();
    28.  
    29.  
    30.         //让界面显示出来，最后写m
    31.         this.setVisible(true);
    32.     }
    33.  
    34.  
    35.     //---------------------------------- ---------------------
    36.     private void initdata() {
    37.         //1.定义一个一维数组
    38.         int[] temArr = {0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};
    39.         //2.打乱数组中的顺序
    40.         //遍历数组，得到每一个元素，拿着每一个元素跟随机索引上的数据进行交换
    41.         Random r = new Random();
    42.         for (int i = 0; i < temArr.length; i++) {
    43.             //获取到随机索引
    44.             int index = r.nextInt(temArr.length);
    45.             //拿着每一个元素跟随机索引上的数据进行交换
    46.             int temp = temArr[i];
    47.             temArr[i] = temArr[index];
    48.             temArr[index] = temp;
    49.         }
    50.  
    51.         //3.给二维数组添加数据
    52.         //遍历一维数组tempArr得到每一个元素，把每一个元素依次添加到数组当中
    53.         for (int i = 0; i < temArr.length; i++) {
    54.             data[i / 4][i % 4] = temArr[i];
    55.         }
    56.  
    57.     }
    58.  
    59.  
    60.  
    61.  
    62.     //初始化图片
    63.     private void initimage() {
    64.         //外循环  --把内循环重复执行了4次
    65.         for (int i = 0; i < 4; i++) {
    66.             //内循环  --表示在一行添加4张图片
    67.             for (int j = 0; j < 4; j++) {
    68.                 //获取当前要加载图片的序号
    69.                 int num = data[i][j];
    70.                 //创建一个Jlabel的对象(管理容器)
    71.                 JLabel JLabel = new JLabel(new ImageIcon("E:\\\\tool\\\\IDEA-java\\\\java代码\\\\routing\\\\image\\\\animal\\\\animal3\\\\" + num +".jpg"));
    72.                 //指定图片的位置
    73.                 JLabel.setBounds(105 * i,105 * j,105,105);
    74.                 //把管理容器添加到界面中
    75.                 this.getContentPane().add(JLabel);
    76.             }
    77.         }
    78.  
    79. //------------------------------------------------------
    80.  
    81.     }
    82.  
    83.  
    84.     private void initJMenuBar() {
    85.         //初始化菜单
    86.         //创建整个的菜单对象
    87.         JMenuBar jMenuBar = new JMenuBar();
    88.         //创建菜单上面的两个选项的对象  （功能  关于我们）
    89.         JMenu fuctionJMenu = new JMenu("功能");
    90.         JMenu aboutJMenu = new JMenu("关于我们");
    91.         //创建选项下面的条目对象
    92.         JMenuItem replayItem = new JMenuItem("重新游戏");
    93.         JMenuItem reloginItem = new JMenuItem("重新登录");
    94.         JMenuItem closeItem = new JMenuItem("关闭游戏");
    95.  
    96.         JMenuItem accountItem = new JMenuItem("公众号");
    97.         //将每一个选项下的条目添加到对应的选项中
    98.         fuctionJMenu.add(replayItem);
    99.         fuctionJMenu.add(reloginItem);
    100.         fuctionJMenu.add(closeItem);
    101.  
    102.         aboutJMenu.add(accountItem);
    103.         //将菜单里面的两个选项添加到菜单中
    104.         jMenuBar.add(fuctionJMenu);
    105.         jMenuBar.add(aboutJMenu);
    106.  
    107.         //给整个界面设置菜单
    108.         this.setJMenuBar(jMenuBar);
    109.     }
    110.  
    111.     private void initJFrame() {
    112.         //设置界面的宽高
    113.         this.setSize(603,680);//单位是像素
    114.  
    115.         //设置界面的标题
    116.         this.setTitle("拼图单机版 v1.0");
    117.  
    118.         //设置界面置顶
    119.         this.setAlwaysOnTop(true);
    120.  
    121.         //设置界面居中
    122.         this.setLocationRelativeTo(null);
    123.  
    124.         //设置关闭模式
    125.         this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    126.  
    127.         //取消默认的居中位置，只有取消了才会按照XY轴的形式添加组件
    128.         this.setLayout(null);
    129.  
    130.  
    131.     }
    132.  
    133. }
    134.

    App 测试

    1. import ui.GameJFrame;
    2. import ui.RegisterJFrame;
    3. import ui.loginJFrame;
    4.  
    5. public class App {
    6.     public static void main(String[] args) {
    7.         //表示程序的启动入口
    8.         //如果我们想要开启一个界面，就创建谁的对象就好了
    9.         new GameJFrame();
    10. //        new RegisterJFrame();
    11. //        new loginJFrame();
    12.     }
    13. }
    14.

    现在就每次运行的结果都不一样了

  • 相关阅读:
    Promise以及Promise.all的简单用法
    再谈Java中的类与对象
    聚类-kmeans
    【华为机试真题 Python】按身高和体重排队
    十分钟了解MES系统的发展历程和标准体系
    C语言练习百题之位符号|的使用
    Web 智能代码编辑器 WeBuilder 2022
    k8s-7部署kube-state-metrics监控组件
    【Linux网络】UdpSocket
    node.js+npm安装（win11适用）
  • 原文地址：https://blog.csdn.net/SENMINGya/article/details/136412067