01.项目介绍和界面搭建

一.图形化界面(音译:GUI):->全称:Graphical User Interface,又称图形用户接口

是指采用图形化的方式显示操作界面

二.主界面分析:

三.创建主界面1:

第一步:界面搭建:

package com.itheima.ui;
​
import javax.swing.*;
​
public class Test {
    public static void main(String[] args) {
        //1.创建一个游戏的主界面-->需要JFrame类
         /* JFrame为JavaBean类,用来描述界面的
           属性:宽,高;行为:如setSize
          */
        JFrame gameJframe=new JFrame();
        //设置大小(单位:像素)-->大小根据内容定
        gameJframe.setSize(603,680);//第一个参数为宽,第二个参数为高
        //参数为true显示界面,为false隐藏界面
        gameJframe.setVisible(true);//gameJframe.show();也可以显示界面
        
        //2.创建一个登陆界面
        JFrame loginJframe=new JFrame();
        //设置大小
        loginJframe.setSize(488,430);
        //展示
        loginJframe.setVisible(true);
        
        //3.创建一个注册界面
        JFrame registerJframe=new JFrame();
        //设置大小
        registerJframe.setSize(488,500);
        //展示
        registerJframe.setVisible(true);
    }
}
运行结果:

代码优化:利用面向对象进行封装

a.主界面包括:上下左右移动的代码逻辑,统计步数的代码逻辑,一键通关,查看最终效果,恶搞好基友等;
b.登陆界面包括:获取用户输入的用户名和密码,生成一个验证码,获取用户输入的验证码,比较用户名,密码,验证码等;
c.注册界面包括:获取用户输入的用户名和密码(两次),比较两次的密码是否一致,判断当前用户是否已经注册等。
代码:
package com.itheima.ui;
​
import javax.swing.*;
​
public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中
​
​
    public GameJFrame(){
        //设置大小(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //参数为true显示界面,为false隐藏界面
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }
}
 
package com.itheima.ui;
​
import javax.swing.*;
​
public class LoginJFrame extends JFrame {
    //LoginJFrame表示登录界面
    //以后所有跟登录相关的代码,都写在这里
​
​
    //创建构造方法,用于初始化
    public LoginJFrame(){
        //在创建登录界面的时候,同时给这个界面去设置一些信息
        //比如宽和高,展示
        //设置大小
        this.setSize(488,430);//this表示当前对象的地址值
        //展示
        this.setVisible(true);
    }
}
package com.itheima.ui;
​
import javax.swing.*;
​
public class RegisterJFrame extends JFrame {
    //RegisterJFrame表示注册界面
    //以后跟注册相关的代码,都写在这个界面中
​
​
    public RegisterJFrame(){
        //设置大小
        this.setSize(488,500);
        //展示
       this.setVisible(true);
    }
}
 
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;
​
public class App {
    public static void main(String[] args) {
        //表示程序的启动入口
​
        //如果我们想要开启一个界面,就创建谁的对象就可以了
        new LoginJFrame();//调用了登录界面的空参构造
​
        new RegisterJFrame();
​
        new GameJFrame();
    }
}
​
​
运行结果:


四.创建主界面2:

1.游戏主界面:

代码:
package com.itheima.ui;
​
import javax.swing.*;
​
public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中
​
​
    public GameJFrame(){
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶,参数为true代表一直置顶
        this.setAlwaysOnTop(true);
        
        
        
        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;
​
public class App {
    public static void main(String[] args) {
        //表示程序的启动入口
​
        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造
​
        //new RegisterJFrame();
​
        new GameJFrame();
    }
}
​
​
运行结果:


补充:
代码:
a.界面:
package com.itheima.ui;
​
import javax.swing.*;
​
public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中
​
​
    public GameJFrame(){
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
          //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
          //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
          //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
          //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
​
​
        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }
}
​
package com.itheima.ui;

import javax.swing.*;

public class LoginJFrame extends JFrame {
    //LoginJFrame表示登录界面
    //以后所有跟登录相关的代码,都写在这里


    //创建构造方法,用于初始化
    public LoginJFrame(){
        //在创建登录界面的时候,同时给这个界面去设置一些信息
        //比如宽和高,展示
        //设置界面的宽高
        this.setSize(488,430);//this表示当前对象的地址值
        //设置界面的标题
        this.setTitle("拼图 登录");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);


        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面

    }

}
package com.itheima.ui;

import javax.swing.*;

public class RegisterJFrame extends JFrame {
    //RegisterJFrame表示注册界面
    //以后跟注册相关的代码,都写在这个界面中


    public RegisterJFrame(){
        //设置大小
        this.setSize(488,500);
        //设置界面的标题
        this.setTitle("拼图 注册");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);


        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面

    }
}
b.测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        new LoginJFrame();//调用了登录界面的空参构造

        new RegisterJFrame();

        new GameJFrame();
    }
}
c.运行结果:

d.关闭模式源代码:


五.界面的菜单制作:

代码:

package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }




    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造

        //new RegisterJFrame();

        new GameJFrame();
    }
}

结果:


六.添加图片:

1.把所需要的图片放在一个文件夹里,然后复制文件夹,再在idea里,粘贴在当前模块下:

在PuzzleGame下ctrl+v:

之后命名,选择路径(注意是在当前模块下,不是文件夹下),再点击"确定"即可

运行结果:


2.添加图片:

a.idea复制图片路径(绝对路径):

b.代码:
package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //初始化图片
        initImage();



        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }



    //初始化图片的方法
    private void initImage() {
        //创建一个图片ImageIcon的对象
        ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\3.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel=new JLabel(icon);//放入icon,代表管理icon
        //把管理容器添加到界面中
        this.add(jLabel);//默认放在界面正中央
    }





    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造

        //new RegisterJFrame();

        new GameJFrame();
    }
}
运行结果:


3.指定图片位置:

这里涉及到坐标的概念,以左上角为原点(左上角为坐标位置)

细节:

不做任何操作的情况下图片默认在正中央,要想把图片放到其他位置,

需要指定要放的坐标,还要取消默认放在正中央(使用语句setLayout(null))-->在初始化界面时取消


a.添加一张图片:
代码:
package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //初始化图片
        initImage();



        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }



    //初始化图片的方法
    private void initImage() {
        //创建一个图片ImageIcon的对象
        ImageIcon icon1=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel1=new JLabel(icon1);//放入icon1,代表管理icon1
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel1.setBounds(0,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel1);//getContentPane()用来获取里面隐藏的容器(底层会自动创建该对象,咱们get获取即可
    }





    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //取消默认的居中放置,只有取消了才会按照XY轴的形式添加组件
        this.setLayout(null);
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造

        //new RegisterJFrame();

        new GameJFrame();
    }
}
运行结果:


b.添加多张图片(未优化前):
代码:
package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //初始化图片
        initImage();



        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }



    //初始化图片的方法
    private void initImage() {
        //第一排-----------------------------------------------------------------------------------------
        //创建一个图片ImageIcon的对象
        ImageIcon icon1=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel1=new JLabel(icon1);//放入icon1,代表管理icon1
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel1.setBounds(0,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel1);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon2=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\2.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel2=new JLabel(icon2);//放入icon2,代表管理icon2
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel2.setBounds(105,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel2);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon3=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\3.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel3=new JLabel(icon3);//放入icon3,代表管理icon3
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel3.setBounds(210,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel3);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon4=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\4.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel4=new JLabel(icon4);//放入icon4,代表管理icon4
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel4.setBounds(315,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel4);//getContentPane()用来获取里面隐藏的容器


        //第二排-----------------------------------------------------------------------------------------
        //创建一个图片ImageIcon的对象
        ImageIcon icon5=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\5.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel5=new JLabel(icon5);//放入icon5,代表管理icon5
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel5.setBounds(0,105,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel5);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon6=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\6.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel6=new JLabel(icon6);//放入icon6,代表管理icon6
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel6.setBounds(105,105,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel6);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon7=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\7.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel7=new JLabel(icon7);//放入icon7,代表管理icon7
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel7.setBounds(210,105,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel7);//getContentPane()用来获取里面隐藏的容器

        //创建一个图片ImageIcon的对象
        ImageIcon icon8=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\8.jpg");
        //创建一个JLabel的对象(管理容器)
        JLabel jLabel8=new JLabel(icon8);//放入icon8,代表管理icon8
        //指定图片位置(必须是在"把管理容器添加到界面中"前)
        jLabel8.setBounds(315,105,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
        //把管理容器添加到界面中
        this.getContentPane().add(jLabel8);//getContentPane()用来获取里面隐藏的容器
    }





    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //取消默认的居中放置,只有取消了才会按照XY轴的形式添加组件
        this.setLayout(null);
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造

        //new RegisterJFrame();

        new GameJFrame();
    }
}
运行结果:


c.添加多张图片(用循环优化):
未使用二重循环时:代码
package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //初始化图片
        initImage();



        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }



    //初始化图片的方法
    private void initImage() {
        //第一排-----------------------------------------(y全为0)
        for (int i = 0; i < 4; i++) {
            //创建一个图片ImageIcon的对象
            ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
            //创建一个JLabel的对象(管理容器)
            JLabel jLabel=new JLabel(icon);//放入icon1,代表管理icon1
            //指定图片位置(必须是在"把管理容器添加到界面中"前)
            jLabel.setBounds(105*i,0,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
            //把管理容器添加到界面中
            this.getContentPane().add(jLabel);//getContentPane()用来获取里面隐藏的容器
        }

        //第二排-----------------------------------------(y全为105)
        for (int i = 0; i < 4; i++) {
            //创建一个图片ImageIcon的对象
            ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
            //创建一个JLabel的对象(管理容器)
            JLabel jLabel=new JLabel(icon);//放入icon1,代表管理icon1
            //指定图片位置(必须是在"把管理容器添加到界面中"前)
            jLabel.setBounds(105*i,105,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
            //把管理容器添加到界面中
            this.getContentPane().add(jLabel);//getContentPane()用来获取里面隐藏的容器
        }

        //第三排-----------------------------------------(y全为210)
        for (int i = 0; i < 4; i++) {
            //创建一个图片ImageIcon的对象
            ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
            //创建一个JLabel的对象(管理容器)
            JLabel jLabel=new JLabel(icon);//放入icon1,代表管理icon1
            //指定图片位置(必须是在"把管理容器添加到界面中"前)
            jLabel.setBounds(105*i,210,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
            //把管理容器添加到界面中
            this.getContentPane().add(jLabel);//getContentPane()用来获取里面隐藏的容器
        }

        //第四排-----------------------------------------(y全为315)
        for (int i = 0; i < 4; i++) {
            //创建一个图片ImageIcon的对象
            ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\1.jpg");
            //创建一个JLabel的对象(管理容器)
            JLabel jLabel=new JLabel(icon);//放入icon1,代表管理icon1
            //指定图片位置(必须是在"把管理容器添加到界面中"前)
            jLabel.setBounds(105*i,315,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
            //把管理容器添加到界面中
            this.getContentPane().add(jLabel);//getContentPane()用来获取里面隐藏的容器
        }




    }





    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //取消默认的居中放置,只有取消了才会按照XY轴的形式添加组件
        this.setLayout(null);
    }
}
使用二重循环后(最终优化):
package com.itheima.ui;

import javax.swing.*;

public class GameJFrame extends JFrame {
    /* 注意一定要继承JFrame类
      因为此时要创建一个窗体,而JFrame就是一个界面,窗体,
      继承JFrame的子类也表示界面,窗体
    */
    //规定:GameJFrame这个界面表示的就是游戏的主界面
    //以后跟游戏相关的所有逻辑都写在这个类中


    public GameJFrame(){
        //初始化界面
        initJFrame();

        //初始化菜单
        initJMenuBar();


        //初始化图片
        initImage();



        //参数为true显示界面,为false隐藏界面-->建议写最后
        this.setVisible(true);//gameJframe.show();也可以显示界面
    }



    //初始化图片的方法
    private void initImage() {
        //定义一个变量,用来记录加载的图片
        int number=1;//因为第一张图片名为1,所以可用整型来代表图片
        //外循环控制x,内循环控制y----嵌套循环(先看内循环,再看外循环)
        //外循环 --- 把内循环重复执行了四次
        for (int i = 0; i < 4; i++) {
            //内循环 --- 表示在一行添加4张图片
            for (int j = 0; j < 4; j++) {
                //创建一个图片ImageIcon的对象
                ImageIcon icon=new ImageIcon("D:\\Java\\PuzzleGame\\image\\animal\\animal3\\"+number+".jpg");//注:number是整型,要单独写出来
                //创建一个JLabel的对象(管理容器),本例中没有第16张图片,但也会执行new JLabel,只不过加载了个空白
                JLabel jLabel=new JLabel(icon);//放入icon,代表管理icon
                //指定图片位置(必须是在"把管理容器添加到界面中"前)
                jLabel.setBounds(105*j,105*i,105,105);//第一个参数为横坐标,第二个参数为纵坐标,第三个参数为宽(像素),第四个参数为高(像素)
                //把管理容器添加到界面中
                this.getContentPane().add(jLabel);//getContentPane()用来获取里面隐藏的容器
                //添加一次之后number需要自增,表示下一次加载后面一张图片
                number++;
            }
        }

    }





    //初始化菜单的方法
    private void initJMenuBar() {
        //初始化菜单
        //1.创建整个的菜单对象
        JMenuBar jMenuBar=new JMenuBar();
        //2.创建菜单上面的两个选项的对象(功能  关于我们)
        JMenu functionJMenu=new JMenu("功能");
        JMenu aboutJMenu=new JMenu("关于我们");
        //3.创建选项下面的条目对象
        //功能
        JMenuItem replayItem=new JMenuItem("重新游戏");
        JMenuItem reLoginItem=new JMenuItem("重新登录");
        JMenuItem closeItem=new JMenuItem("关闭游戏");
        //关于我们
        JMenuItem accountItem=new JMenuItem("公众号");


        //将每一个选项下面的条目添加到选项当中
        //功能
        functionJMenu.add(replayItem);
        functionJMenu.add(reLoginItem);
        functionJMenu.add(closeItem);
        //关于我们
        aboutJMenu.add(accountItem);


        //将菜单里面的两个选项添加到菜单中
        jMenuBar.add(functionJMenu);
        jMenuBar.add(aboutJMenu);


        //给整个界面设置菜单
        this.setJMenuBar(jMenuBar);
    }



    //初始化界面的方法
    private void initJFrame() {
        //设置界面的宽高(单位:像素)-->大小根据内容定
        this.setSize(603,680);//第一个参数为宽,第二个参数为高
        //设置界面的标题
        this.setTitle("拼图单机版 v1.0");
        //设置界面置顶
        this.setAlwaysOnTop(true);
        //设置界面居中
        this.setLocationRelativeTo(null);
        //设置关闭模式-->不设置的话最终运行后再关闭界面,但程序不停止
        //this.setDefaultCloseOperation(3);//3代表一种关闭规则,可通过看源码了解
        //还可以this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //对于关闭模式,必须每个界面都设置一遍才生效。关闭模式2是关了最后一个才结束,关闭模式3是关一个就结束一个
        //本项目这几个界面不会同时出现,因此用关闭模式3即可
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        //取消默认的居中放置,只有取消了才会按照XY轴的形式添加组件
        this.setLayout(null);
    }
}
测试类:
import com.itheima.ui.GameJFrame;
import com.itheima.ui.LoginJFrame;
import com.itheima.ui.RegisterJFrame;

public class App {
    public static void main(String[] args) {
        //表示程序的启动入口

        //如果我们想要开启一个界面,就创建谁的对象就可以了
        //new LoginJFrame();//调用了登录界面的空参构造

        //new RegisterJFrame();

        new GameJFrame();
    }
}
运行结果:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值