一.图形化界面(音译: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();
}
}