GUI（ATM界面练习）

淡淡的烟草味﹌ 2024-03-27 09:55 76阅读 0赞

##  ##

**目录**

container

窗体

首页

修改密码

选择

查询

取钱

存钱

content

图片按钮

密码框

文本框

提示标签

文字标签

最外层背景

带外层背景的第二层背景

Test

--------------------

## container ##

#### 窗体 ####

//ATM窗体
    public class ATMFrame extends JFrame {
    
        private Container contentP;
        //8个属性代表8张卡片
        private IndexPanel indexP;
        private LoginPanel loginP;
        private SavePanel saveP;
        private GetPanel getP;
        private FindPanel findP;
        private RegisterPanel registerPanel;
        private ChoosePanel choosePanel;
        private ChangePasswordPanel changePasswordPanel;
    
    
    
    
        public ATMFrame(){
            this.setSize(1024,768);
            this.setLocationRelativeTo(null);
            this.setTitle("GUI版本ATM");
            this.setResizable(false);
            this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            this.addContent();
            this.setVisible(true);
        }
    
        private void addContent() {
            this.contentP = this.getContentPane();
            this.contentP.setLayout(new CardLayout());
    
            this.indexP = new IndexPanel(this);
            this.loginP = new LoginPanel(this);
            this.saveP=new SavePanel(this);
            this.getP=new GetPanel(this);
            this.findP=new FindPanel(this);
            this.registerPanel=new RegisterPanel(this);
            this.choosePanel=new ChoosePanel(this);
            this.changePasswordPanel=new ChangePasswordPanel(this);
    
    
            this.contentP.add("首页",this.indexP);
            this.contentP.add("登录",this.loginP);
            this.contentP.add("存钱",this.saveP);
            this.contentP.add("取钱",this.getP);
            this.contentP.add("查询",this.findP);
            this.contentP.add("注册",this.registerPanel);
            this.contentP.add("选择",this.choosePanel);
            this.contentP.add("修改密码",this.changePasswordPanel);
    
    
        }
    
        public Container getContentP() {
            return contentP;
        }
    
        public void setContentP(Container contentP) {
            this.contentP = contentP;
        }
    
        public IndexPanel getIndexP() {
            return indexP;
        }
    
        public void setIndexP(IndexPanel indexP) {
            this.indexP = indexP;
        }
    
        public LoginPanel getLoginP() {
            return loginP;
        }
    
        public void setLoginP(LoginPanel loginP) {
            this.loginP = loginP;
        }
    
        public SavePanel getSaveP() {
            return saveP;
        }
    
        public void setSaveP(SavePanel saveP) {
            this.saveP = saveP;
        }
    
        public GetPanel getGetP() {
            return getP;
        }
    
        public void setGetP(GetPanel getP) {
            this.getP = getP;
        }
    
        public FindPanel getFindP() {
            return findP;
        }
    
        public void setFindP(FindPanel findP) {
            this.findP = findP;
        }
    
        public RegisterPanel getRegisterPanel() {
            return registerPanel;
        }
    
        public void setRegisterPanel(RegisterPanel registerPanel) {
            this.registerPanel = registerPanel;
        }
    }

#### 首页 ####

public class IndexPanel extends BackgroundPanel {
        private ATMButton registerBtn;
        private ATMButton loginBtn;
        private ATMButton exitBtn;
    
    
        public IndexPanel(ATMFrame atmFrame){
            this.registerBtn = new ATMButton(850,640,ATMButton.REGISTER_BUTTON);
            this.registerBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentP().getLayout();
                    cardLayout.show(atmFrame.getContentP(),"注册");
                }
            });
            this.getBackP().add(this.registerBtn);
    
    
    
            this.loginBtn = new ATMButton(30,640,ATMButton.LOGIN_BUTTON);
            this.loginBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentP().getLayout();
                    cardLayout.show(atmFrame.getContentP(),"登录");
                }
            });
            this.getBackP().add(this.loginBtn);
    
    
            this.exitBtn = new ATMButton(400,640,ATMButton.OFF_BUTTON);
            this.exitBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    System.exit(0);
                }
            });
            this.getBackP().add(this.exitBtn);
            
    
        }
    
    }

#### 注册 ####

public class RegisterPanel extends CommonPanel {
        private ATMButton sureBtn;
        private ATMButton clearBtn;
        private ATMButton offBtn;
    
        private ATMTitleLab titleLab1;
        private ATMTitleLab titleLab2;
        private ATMTitleLab titleLab3;
        private ATMTextFiled textFiled1;
        private ATMTextFiled textFiled2;
        private ATMTextFiled textFiled3;
    
    
        public RegisterPanel (ATMFrame atmFrame){
            this.sureBtn = new ATMButton(850,450,ATMButton.SURE_BUTTON);
            this.clearBtn = new ATMButton(50,450,ATMButton.CLEAR_BUTTON);
            this.offBtn = new ATMButton(400,600,ATMButton.OFF_BUTTON);
            this.titleLab1=new ATMTitleLab(80,30,"请输入用户名：");
            this.titleLab2=new ATMTitleLab(80,80,"请输入密码:");
            this.titleLab3=new ATMTitleLab(80,130,"请重新输入密码:");
            this.textFiled1=new ATMTextFiled(230,30);
            this.textFiled2=new ATMTextFiled(230,80);
            this.textFiled3=new ATMTextFiled(230,130);
            this.offBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"首页");
                }
            });
    
    
            this.getBackP().add(this.sureBtn);
            this.getBackP().add(this.clearBtn);
            this.getBackP().add(this.offBtn);
            this.getBlankP().add(this.titleLab1);
            this.getBlankP().add(this.titleLab2);
            this.getBlankP().add(this.titleLab3);
            this.getBlankP().add(this.textFiled1);
            this.getBlankP().add(this.textFiled2);
            this.getBlankP().add(this.textFiled3);
    
    
    
        }
    }

#### 登录 ####

public class LoginPanel extends CommonPanel {
    
        private ATMButton sureBtn;
        private ATMButton clearBtn;
        private ATMButton offBtn;
    
        private ATMTitleLab titleLab1;
        private ATMTitleLab titleLab2;
        private ATMTextFiled textFiled1;
        private ATMTextFiled textFiled2;
    
        public LoginPanel(ATMFrame atmFrame){
            this.sureBtn = new ATMButton(850,450,ATMButton.SURE_BUTTON);
            this.clearBtn = new ATMButton(50,450,ATMButton.CLEAR_BUTTON);
            this.offBtn = new ATMButton(400,600,ATMButton.OFF_BUTTON);
            this.titleLab1=new ATMTitleLab(80,50,"请输入用户名：");
            this.titleLab2=new ATMTitleLab(80,100,"请输入密码:");
            this.textFiled1=new ATMTextFiled(230,40);
            this.textFiled2=new ATMTextFiled(230,90);
            this.sureBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"选择");
                }
            });
            this.offBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"首页");
                }
            });
    
    
    
            this.getBackP().add(this.sureBtn);
            this.getBackP().add(this.clearBtn);
            this.getBackP().add(this.offBtn);
            this.getBlankP().add(this.titleLab1);
            this.getBlankP().add(this.titleLab2);
            this.getBlankP().add(this.textFiled1);
            this.getBlankP().add(this.textFiled2);
    
    
        }
    
    }

#### 修改密码 ####

public class ChangePasswordPanel extends CommonPanel {
    
        private ATMButton clearBtn;
        private ATMButton sureBtn;
        private ATMButton offBtn;
        private ATMTitleLab userTxt;
        private ATMTitleLab pwdTxt;
        private ATMTitleLab newPwdTxt;
        private ATMTextFiled oldPasswordField;
        private ATMTextFiled newPasswordField;
        private ATMTextFiled passwordField;
    
    
    
        public ChangePasswordPanel(ATMFrame atmFrame) {
            //框
    
            this.oldPasswordField = new ATMTextFiled(220,35);
            this.getBlankP().add(this.oldPasswordField);
    
            this.newPasswordField = new ATMTextFiled(220,80);
            this.getBlankP().add(this.newPasswordField);
    
            this.passwordField = new ATMTextFiled(220,125);
            this.getBlankP().add(this.passwordField);
    
    
            //文本
            this.userTxt = new ATMTitleLab(80,45,"请输入旧密码");
            this.getBlankP().add(this.userTxt);
    
            this.newPwdTxt = new ATMTitleLab(80,90,"请输入新密码");
            this.getBlankP().add(this.newPwdTxt);
    
            this.pwdTxt = new ATMTitleLab(80,135,"再次输入新密码");
            this.getBlankP().add(this.pwdTxt);
    
            //按钮
            this.clearBtn = new ATMButton(20,425,1);
            this.getBackP().add(this.clearBtn);
    
            this.sureBtn = new ATMButton(850,425,9);
            this.getBackP().add(this.sureBtn);
    
            this.offBtn = new ATMButton(460,620,6);
            this.offBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"首页");
                }
            });
            this.getBackP().add(this.offBtn);
    
        }
    }

#### 选择 ####

public class ChoosePanel extends CommonPanel {
    
        private ATMButton modifyBtn;
        private ATMButton saveBtn;
        private ATMButton findBtn;
        private ATMButton getBtn;
        private ATMButton offBtn;
    
        private JLabel Txt;
    
        public ChoosePanel(ATMFrame atmFrame) {
            //按钮
            this.modifyBtn = new ATMButton(20,170,5);
            this.modifyBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"修改密码");
                }
            });
            this.getBackP().add(this.modifyBtn);
    
            this.saveBtn = new ATMButton(850,170,8);
            this.saveBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"存钱");
                }
            });
            this.getBackP().add(this.saveBtn);
    
            this.findBtn = new ATMButton(20,300,2);
            this.findBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"查询");
                }
            });
            this.getBackP().add(this.findBtn);
    
            this.getBtn = new ATMButton(850,300,3);
            this.getBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"取钱");
                }
            });
            this.getBackP().add(this.getBtn);
    
            this.offBtn = new ATMButton(460,620,6);
            this.offBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"首页");
                }
            });
            this.getBackP().add(this.offBtn);
    
            //文本
            this.Txt = new JLabel("请选择业务");
            this.Txt.setBounds(120,50,500,90);//设置好大小
            this.Txt.setFont(new Font("宋体",Font.TRUETYPE_FONT,70));  //设置好字体
            this.Txt.setForeground(Color.WHITE);      //设置好颜色
    
            this.getBlankP().add(this.Txt);
        }
    }

#### 查询 ####

public class FindPanel extends CommonPanel {
        private ATMButton exitBtn;
        private JLabel nameLab;
        private ATMRedMsgLab redMsgLab;
        public FindPanel(ATMFrame atmFrame){
            this.nameLab=new JLabel("余额：1200元");
            this.nameLab.setBounds(80,80,400,50);
            this.nameLab.setFont(new Font("宋体",Font.BOLD,50));
            this.nameLab.setForeground(Color.BLUE);
            this.getBlankP().add(this.nameLab);
            this.redMsgLab=new ATMRedMsgLab(180,140,"点击退出转移到选择业务界面");
            this.getBlankP().add(this.redMsgLab);
            this.exitBtn = new ATMButton(400,640,ATMButton.OFF_BUTTON);
            this.exitBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"选择");
                }
            });
            this.getBackP().add(this.exitBtn);
        }
    }

#### 取钱 ####

public class GetPanel extends CommonPanel {
        private ATMButton clearBtn;
        private ATMButton sureBtn;
        private ATMButton exitBtn;
        private ATMTextFiled textFiled;
        private ATMTitleLab titleLab1;
        public GetPanel(ATMFrame atmFrame){
    
            this.clearBtn = new ATMButton(30,430,ATMButton.CLEAR_BUTTON);
            this.getBackP().add(this.clearBtn);
    
    
            this.sureBtn = new ATMButton(850,430,ATMButton.SURE_BUTTON);
            this.getBackP().add(this.sureBtn);
    
    
            this.exitBtn = new ATMButton(400,640,ATMButton.OFF_BUTTON);
            this.exitBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"选择");
                }
            });
            this.getBackP().add(this.exitBtn);
    
    
            this.titleLab1=new ATMTitleLab(80,80,"请输入取款金额：");
            this.getBlankP().add(this.titleLab1);
    
    
            this.textFiled=new ATMTextFiled(220,80);
            this.getBlankP().add(this.textFiled);
    
        }
    }

#### 存钱 ####

public class SavePanel extends CommonPanel {
        private ATMButton clearBtn;
        private ATMButton sureBtn;
        private ATMButton exitBtn;
        private ATMTextFiled textFiled;
        private ATMTitleLab titleLab1;
        public SavePanel(ATMFrame atmFrame){
            this.clearBtn = new ATMButton(30,430,ATMButton.CLEAR_BUTTON);
            this.getBackP().add(this.clearBtn);
    
    
            this.sureBtn = new ATMButton(850,430,ATMButton.SURE_BUTTON);
            this.getBackP().add(this.sureBtn);
    
    
            this.exitBtn = new ATMButton(400,640,ATMButton.OFF_BUTTON);
            this.exitBtn.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    CardLayout cardLayout=(CardLayout) atmFrame.getContentPane().getLayout();
                    cardLayout.show(atmFrame.getContentPane(),"选择");
                }
            });
            this.getBackP().add(this.exitBtn);
    
    
            this.titleLab1=new ATMTitleLab(80,80,"请输入存款金额：");
            this.getBlankP().add(this.titleLab1);
    
            this.textFiled=new ATMTextFiled(220,80);
            this.getBlankP().add(this.textFiled);
    
        }
    
    }

--------------------

## content ##

#### 图片按钮 ####

public class ATMButton extends JButton {
        public static final int CLEAR_BUTTON = 1;
        public static final int FIND_BUTTON = 2;
        public static final int GET_BUTTON = 3;
        public static final int LOGIN_BUTTON = 4;
        public static final int MODIFY_BUTTON = 5;
        public static final int OFF_BUTTON = 6;
        public static final int REGISTER_BUTTON = 7;
        public static final int SAVE_BUTTON = 8;
        public static final int SURE_BUTTON = 9;
    
        public ATMButton(int x, int y, int type){
    
            this.setBounds(x,y,140,50);
            String fileName = switch(type){
                case 1 -> "img/ATM效果图(1)/原始图片/buttonClear.jpg";
                case 2 -> "img/ATM效果图(1)/原始图片/buttonFind.jpg";
                case 3 -> "img/ATM效果图(1)/原始图片/buttonGet.jpg";
                case 4 -> "img/ATM效果图(1)/原始图片/buttonLogin.jpg";
                case 5 -> "img/ATM效果图(1)/原始图片/buttonModify.jpg";
                case 6 -> "img/ATM效果图(1)/原始图片/buttonOff.jpg";
                case 7 -> "img/ATM效果图(1)/原始图片/buttonRegister.jpg";
                case 8 -> "img/ATM效果图(1)/原始图片/buttonSave.jpg";
                case 9 -> "img/ATM效果图(1)/原始图片/buttonSure.jpg";
                default -> "";
            };
            this.setIcon(new ImageIcon(fileName));
            
        }
    }

#### 密码框 ####

public class ATMPasswordField extends JPasswordField {
    private JPasswordField pwdTxt;
    
        public ATMPasswordField(int x,int y) {
            this.setBounds(x,y,200,40);
            this.setForeground(new Color(0, 0, 0));
            this.pwdTxt=new JPasswordField();
        }
    }

#### 文本框 ####

public class ATMTextFiled extends JTextField {//文本框
        private JTextField userTxt;
    
        public ATMTextFiled() {
        }
    
        public ATMTextFiled(int x, int y){
            this.setBounds(x,y,200,40);//文本框大小
            this.setForeground(new Color(0, 0, 0));
            this.userTxt=new JTextField();
    
        }
    
    }

#### 提示标签 ####

public class ATMRedMsgLab extends JLabel {
    
        public ATMRedMsgLab(int x, int y, String text){
            this.setText(text);
            this.setBounds(x,y,300,30);
            this.setFont(new Font("宋体",Font.PLAIN,15));
            this.setForeground(Color.RED);
        }
    }

#### 文字标签 ####

public class ATMTitleLab extends JLabel {
        public ATMTitleLab() {
        }
    
        public ATMTitleLab(int x, int y, String text){
            this.setText(text);//内容
            this.setBounds(x,y,150,25);//设置好大小
            this.setFont(new Font("宋体",Font.TRUETYPE_FONT,18));  //设置好字体
            this.setForeground(Color.blue);      //设置好颜色
        }
    }

#### 最外层背景 ####

//只带最外层背景的面板
    public class BackgroundPanel extends JPanel {
    
        private JLabel backP;//最外层的背景
    
        public BackgroundPanel(){
            this.setLayout(new BorderLayout());
    
            this.backP = new JLabel(new ImageIcon("img/ATM效果图(1)/原始图片/background.jpg"));
            this.backP.setLayout(null);
            this.add(this.backP);
        }
    
        public JLabel getBackP() {
            return backP;
        }
    
        public void setBackP(JLabel backP) {
            this.backP = backP;
        }
    }

#### 带外层背景的第二层背景 ####

public class CommonPanel extends BackgroundPanel{
    
        private JLabel blankP;
    
        public CommonPanel(){
    
            this.blankP = new JLabel(new ImageIcon("img/ATM效果图(1)/原始图片/pane.jpg"));
            this.blankP.setBounds(202,224,620,200);
            this.blankP.setLayout(null);
    
            this.getBackP().add(this.blankP);
        }
    
        public JLabel getBlankP() {
            return blankP;
        }
    
        public void setBlankP(JLabel blankP) {
            this.blankP = blankP;
        }
    }

## Test ##

public class TestMain {
    
        public static void main(String[] args) {
            new ATMFrame();
        }
    
    }