图形化界面GUI
GUI:Graphical User Interface(图像用户接口),指采用图形化的方式显示操作界面
两套体系:AWT包中和Swing包中
组件
JFrame:最外层的窗体
JMenuBar:最上层菜单
JLaber:管理文字和图片的容器
ImageIcon:图片
事件
可以被组件识别的操作
代码游戏界面
package cn.puzzlegame.ui;import javax.swing.*;
import javax.swing.border.BevelBorder;
import javax.swing.border.Border;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.Random;public class GameJFrame extends JFrame implements KeyListener {//创建二维数组用以管理数据int[][]date=new int[4][4];//定义变量,用来记录图片路径String path="C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\girl\\girl1\\";//定义一个储存正确的数组int[][]win=new int[][]{{1,2,3,4},{5,6,7,8},{9,10,11,12},{13,14,15,0}};public GameJFrame(){//创建主界面creatGameJFrame();//创建菜单creatJmenuBar();//初始化数据(打乱)creatdate();//初始化图片createImage();//打开界面setVisible(true);}//记录空白块位置int x=0;int y=0;//记录步数int step=0;private void creatdate() {//创建数组int[]tem={0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15};Random r=new Random();//打乱for(int i=0;i< tem.length;i++){int index=r.nextInt(tem.length);int temp=tem[i];tem[i]=tem[index];tem[index]=temp;}//添加到二维数组中for (int i = 0; i<tem.length;i++) {if(tem[i]==0){x=i/4;y=i%4;}else {date[i/4][i%4]=tem[i];}}}//初始化图片private void createImage() {//清空this.getContentPane().removeAll();//判断是否成功if (victory()){JLabel winJLabel=new JLabel(new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\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对象//ImageIcon icon=new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\girl\\girl1\\1.jpg");//创建JLaber对象//JLabel jLabel=new JLabel(icon);//合并int number=date[i][j];JLabel jLabel=new JLabel(new ImageIcon(path+number+".jpg"));//指定图片位置+38+134使图片整体位于中间jLabel.setBounds(105*j+83,105*i+134,105,105);//添加边框BevelBorder 0凸起 1凹陷jLabel.setBorder(new BevelBorder(BevelBorder.LOWERED));//添加到界面getContentPane().add(jLabel);}}//背景图片JLabel background=new JLabel(new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\background.png"));//设置背景图片位置background.setBounds(40,40,508,560);getContentPane().add(background);//刷新界面this.getContentPane().repaint();//创建ImageIcon对象//ImageIcon icon=new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\girl\\girl1\\1.jpg");//创建JLaber对象//JLabel jLabel=new JLabel(icon);//合并//JLabel jLabel=new JLabel(new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\girl\\girl1\\1.jpg"));//指定图片位置//jLabel.setBounds(0,0,105,105);//添加到界面//getContentPane().add(jLabel);}//创建菜单private void creatJmenuBar() {//初始化菜单JMenuBar jMenuBar=new JMenuBar();//主菜单JMenu functionJmenu=new JMenu("功能");JMenu ahoutJmenu=new JMenu("关于我们");JMenu rewardJmenu=new JMenu("打赏");//菜单下选项JMenuItem replayItem=new JMenuItem("重新游戏");JMenuItem reLoginItem=new JMenuItem("重新登录");JMenuItem chagepictureItem=new JMenuItem("更换图片");JMenuItem closeItem=new JMenuItem("关闭游戏");JMenuItem wechatItem=new JMenuItem("微信号");JMenuItem PaymentItem=new JMenuItem("收款码");//给条目绑定事件replayItem.addActionListener(this);reLoginItem.addActionListener(this);chagepictureItem.addActionListener(this);closeItem.addActionListener(this);//添加jMenuBar.add(functionJmenu);jMenuBar.add(ahoutJmenu);jMenuBar.add(rewardJmenu);functionJmenu.add(replayItem);functionJmenu.add(reLoginItem);functionJmenu.add(chagepictureItem);functionJmenu.add(closeItem);ahoutJmenu.add(wechatItem);rewardJmenu.add(PaymentItem);setJMenuBar(jMenuBar);}//创建游戏窗口private void creatGameJFrame() {//设置页面大小setSize(603,680);//设置标题setTitle("拼图游戏1.0");//设置页面置顶setAlwaysOnTop(true);//设置居中setLocationRelativeTo(null);//设置关闭setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);//取消默认居中setLayout(null);//整个界面添加键盘监听事件this.addKeyListener(this);}@Overridepublic void keyTyped(KeyEvent e) {}//按下不松手调用@Overridepublic void keyPressed(KeyEvent e) {int code=e.getKeyCode();if(code==65){//按a显示完整图片//清空界面图片getContentPane().removeAll();//加载完整图片JLabel all=new JLabel(new ImageIcon(path+"all.jpg"));//设置 all大小,添加图片all.setBounds(83,134,420,420);getContentPane().add(all);//添加背景图片JLabel background=new JLabel(new ImageIcon("C:\\Users\\33376\\IdeaProjects\\PuzzleGame\\素材\\image\\background.png"));//设置背景图片位置background.setBounds(40,40,508,560);getContentPane().add(background);//刷新this.getContentPane().repaint();}}@Overridepublic void keyReleased(KeyEvent e) {//判断游戏是否胜利if(victory()){return;}//判断上下左右int code =e.getKeyCode();//左37,右39,上38,下40,a65,w87if(code==37){if(y==3){return;}date[x][y]=date[x][y+1];date[x][y+1]=0;y++;step++;createImage();} else if (code==38) {if(x==3){return;}date[x][y]=date[x+1][y];date[x+1][y]=0;x++;step++;createImage();} else if (code==39) {if(y==0){return;}date[x][y]=date[x][y-1];date[x][y-1]=0;y--;step++;createImage();}else if(code==40){if(x==0){return;}date[x][y]=date[x-1][y];date[x-1][y]=0;x--;step++;createImage();} else if (code==65) {createImage();} else if (code==87) {//创建新二维数组,一键通过date=new int[][]{{1,2,3,4},{5,6,7,8},{9,10,11,12},{13,14,15,0}};createImage();}}//判断是否与win数组数据相同public boolean victory(){for(int i=0;i< 4;i++){for (int j=0;j< 4;j++){if(date[i][j]!=win[i][j])//一个不同即失败{return false;}}}return true;}}
效果: