前言

** 我们首先引入界面开发的相关概念

1 .界面开发框架：界面开发接口与监听器图形图像项目
2.界面开发包：包：用来给代码分类的
包名：全小写,用点. 来分隔不同文件夹包 java.awt
早期的界面开发包：保留使用颜色尺寸布局类 javax.swing
升级之后的界面开发包：所有的类都可以使用主要是可视化组件类

界面实现思路

在这里插入图片描述

1：创建窗口设置窗体的属性
2：设置布局方式
3：创建组件对象设置组件的属性与内容
4：将组件对象加载到窗体对象上

操作时需要有一个界面 JFrame、输入框 JTextFiled、按钮 JButton，图标图片ImageIcon等系统自带类。

实现登陆界面

代码如下（示例）：

import java.awt.*;
import javax.swing.*;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;

public class Login {



    public static void main(String[] args) {
        Login login = new Login();
        login.initUI();

    }




    public void initUI() {

        JFrame frame = new JFrame();

        frame.setTitle("Login");// 设置窗体的标题
        frame.setSize(400, 650);// 设置窗体的大小，单位是像素
        frame.setDefaultCloseOperation(3);// 设置窗体的关闭操作；3表示关闭窗体退出程序；2、1、0
        frame.setLocationRelativeTo(null);// 设置窗体相对于另一个组件的居中位置，参数null表示窗体相对于屏幕的中央位置
        frame.setResizable(false);// 设置禁止调整窗体大小


        FlowLayout fl = new FlowLayout(FlowLayout.CENTER, 10, 10);

        frame.setLayout(fl);



        ImageIcon icon = new ImageIcon("C:\\Users\\zhuaba\\Desktop\\a.png");
        JLabel labIcon = new JLabel(icon);
        Dimension dim = new Dimension(400,300);
        labIcon.setPreferredSize(dim);
        frame.add(labIcon);



        JLabel labName = new JLabel("账号：");
        frame.add(labName);
        JTextField textName = new JTextField();
        Dimension dim1 = new Dimension(300,30);
        textName.setPreferredSize(dim1);
        frame.add(textName);


        JLabel labpass= new JLabel("密码：");
        frame.add(labpass);



        JPasswordField textword=new JPasswordField();
        textword.setPreferredSize(dim1);//设置组件大小
        frame.add(textword);

        JButton button=new JButton();
        Dimension dim2 = new Dimension(100,30);
        button.setText("登录");
        button.setSize(dim2);
        frame.add(button);

        frame.setVisible(true);// 设置窗体为可见
        button.setVisible (true);
        // 监听器 ：将实现了ActionListener的类 创建对象 绑定给按钮对象
        LoginListener loginListener = new LoginListener ();
        button.addActionListener (loginListener);

        }

    }

**
效果如下：

在这里插入图片描述

监听器

点击按钮之后可以执行自己想要执行的代码
如何知道按钮被点击了：
- 监听器：接口
- 接口：实现类
  - 1：创建一个类实现监听器接口（implements）
  - 2：在类中实现监听器接口的方法
  - 3: 将这个写好的类创建对象绑定给按钮对象

监听器的实现

在本项目中我们使用的是动作监听器来监听按钮是否被点击。
需要接口 java.awt.event.ActionListener
代码如下（示例）：

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class LoginListener implements ActionListener {

    /**
     * 查看 ActionListener 的 源码 重写监听器中的方法
     *  e
     */
    public void actionPerformed(ActionEvent e){
        // 获取按钮上的字符串
        String btnstr  = e.getActionCommand();
        System.out.println (btnstr);
        System.out.println("登录按钮被点击了");
    }
}
需要注意的是 ，监听器的方法需要被重写才能够执行调用。