项目实战之天天酷跑(二):开始游戏界面
本文摘自:https://blog.csdn.net/qq_45909299/article/details/109755481
项目源码及相关图片资源,已上传至GitHub:https://github.com/HueyM/Projects
前文,我们完成了登录界面的搭建。本文将完成开始游戏界面的搭建,并建立起登录界面与开始游戏界面的桥梁。
实现在输对用户名和密码后即可进入开始游戏界面的功能。
界面功能需求图:
具体要求:
当鼠标移入开始游戏按钮后,按钮将由暗变亮,鼠标移开后,按钮又由亮变暗。
帮助、离开按钮同理。
另外,当点击离开时,需要实现关闭当前界面的效果。
上代码:
package cn.sqc.runday.view; import java.awt.Graphics; import java.awt.Image; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JOptionPane; import javax.swing.JPanel; import cn.sqc.runday.controller.WindowFrame; public class MainFrame extends JFrame implements MouseListener { //设置窗体的基本属性 大小 /** * 1.1、设置窗体基本属性大小 居中 边框隐藏 默认关闭按钮 logo图标 1.2、创建背景面板MainPanel,实现背景图片功能 2.图片按钮功能 */ //2.1创建开始按钮 帮助按钮 离开按钮 组件 JLabel start,help,exit; JPanel MainPanel; public MainFrame() {//无参构造,创建对象。并在main函数中调用 //2.2 start = new JLabel(new ImageIcon("Image/hh1.png"));//ImageIcon:图标 start.setBounds(350,320,150,40); start.setEnabled(false);//false按钮为灰色 start.addMouseListener(this); this.add(start); help = new JLabel(new ImageIcon("Image/hh2.png")); help.setBounds(350,420,150,40); help.setEnabled(false); help.addMouseListener(this); this.add(help); exit = new JLabel(new ImageIcon("Image/hh3.png")); exit.setBounds(350, 520, 150, 40); exit.setEnabled(false); exit.addMouseListener(this); this.add(exit); /**1.实现背景图片及窗体属性*/ MainPanel panel = new MainPanel(); this.add(panel); //设置窗体基本属性大小 居中 边框隐藏 默认关闭按钮 logo图标 this.setSize(1200,730);//大小 this.setLocationRelativeTo(null);//居中 this.setUndecorated(true);//边框隐藏 this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//默认关闭 this.setIconImage(new ImageIcon("Image/115.png").getImage());//logo this.setVisible(true); } public static void main(String[] args) { new MainFrame(); } //2、创建背景面板MainPanel,实现背景图片功能 class MainPanel extends JPanel{//创建的MainPanel类,在MainFrame中调用 Image background; public MainPanel() { try { background = ImageIO.read(new File("Image/main.png")); } catch (IOException e) { e.printStackTrace(); } } @Override public void paint(Graphics g) { super.paint(g); g.drawImage(background, 0, 0,1200,730, null); } } //以下五个方法均为添加 implements MouseListener 后,快捷出来的 @Override public void mouseClicked(MouseEvent e) { //鼠标点击 if(e.getSource().equals(start)){ //跳转到下一界面 new WindowFrame().Start(); //关闭当前界面 //dispose(); }else if(e.getSource().equals(exit)){ dispose(); }else if(e.getSource().equals(help)){ JOptionPane.showMessageDialog(null, "有疑问请联系开发者:Huey"); } } @Override public void mousePressed(MouseEvent e) { // TODO Auto-generated method stub } @Override public void mouseReleased(MouseEvent e) { // TODO Auto-generated method stub } @Override public void mouseEntered(MouseEvent e) { // 鼠标移入 if(e.getSource().equals(start)){//e指一个事件。e.getSource()获取事件 //如果鼠标移入到(start)组件(图片按钮) start.setEnabled(true); }else if(e.getSource().equals(help)){ help.setEnabled(true); }else if(e.getSource().equals(exit)){ exit.setEnabled(true); } } @Override public void mouseExited(MouseEvent e) { //鼠标移出 if(e.getSource().equals(start)){ start.setEnabled(false); }else if(e.getSource().equals(help)){ help.setEnabled(false); }else if(e.getSource().equals(exit)){ exit.setEnabled(false); } } }
测试:
先填补上文的缺憾,加上new MainFrame();语句。调用我们刚刚写好的开始游戏界面。
登录界面:
单击确定
完美进入我们写好的登录游戏界面:
现在看开始游戏按钮:
帮助按钮:
点击帮助按钮:
退出按钮:
点击:
大功告成!