Java swing 界面开发 - 登录界面- 2021-11-10

界面开发

包

包的概念

包的加入让类的管理更加方便。当有多个开发人员共同开发同一个项目，肯定会出现类名称相同的情况，这样一来就会比较麻烦，此时可以利用包（package关键字）来解决此问题。

开发包

由于编写程序时很有可能会用到相同的类或者方法，因此前人将可能被用到的类或者方法打包便于后人使用，避免不必要的重复劳动，这就是开发包。

后人在编写程序时可以使用import语句导入包及其中的类。

Java界面开发包

• java.awt
  • 早期的界面开发包
  • 保留使用其中 布局 尺寸 颜色等元素规则类
• javax.swing
  • 升级之后的界面开发包
  • 使用其中的 按钮 窗体 输入框 图片 等可视化组件类

登录界面开发步骤

最简单的窗体

public class LoginUI{
    
    // 创建一个初始化界面的方法 
    public void showUI(){
        // 1: 创建一个窗体（javax.swing.JFrame）对象
        javax.swing.JFrame jf = new javax.swing.JFrame();
        
        
    }
    
    
}

优化窗体内容

• 设置界面布局

• 往窗体上添加图片

• 添加按钮 输入框等组件

    			public class LoginUI{
      
      // 创建一个初始化界面的方法 
      public void showUI(){
          // 1: 创建一个窗体（javax.swing.JFrame）对象
          javax.swing.JFrame jf = new javax.swing.JFrame();
          
      	
          // 2:使程序可退出（关闭界面是程序结束运行）
  			jf.setDefaultCloseOperation(3);
          // 3：设置界面布局
  			//布局（流布局）
  			java.awt.FlowLayout flow = new java.awt.FlowLayout();
  			jf.setLayout(flow);
          // 4：添加图片
          	//加载图片
          	javax.swing.ImageIcon image=new javax.swing.ImageIcon("/*图片地址*/");
          	//创建图片标签（图片载体）显示图片
  			javax.swing.JLabel jla=new javax.swing.JLabel(image);
          	//设置图片大小
  			java.awt.Dimension dm = new java.awt.Dimension(350, 100);
  			jla.setPreferredSize(dm);
          	//将图片添加到窗体上
  			jf.add(jla);
      
      
  		//往初始化界面上添加组件
  			//账号标签
          		//创建一个账号标签（javax.swing.JLabel）对象
  			javax.swing.JLabel user=new javax.swing.JLabel("账号");
          		//将账号标签添加到窗体上
  			jf.add(user);
  			//账号文本框
          		//创建账号文本框（javax.swing.JTextField）对象
  			javax.swing.JTextField jtf = new javax.swing.JTextField();
  				//调节账号文本框大小
  			java.awt.Dimension dm1 = new java.awt.Dimension(300, 30);
  			jtf.setPreferredSize(dm1);
          		//将账号文本框添加到窗体上
  			jf.add(jtf);
  			//密码标签-与账号标签类似
  			javax.swing.JLabel password=new javax.swing.JLabel("密码");
  			jf.add(password);
  			//密码文本框
          		//创建密码文本框（javax.swing.JPasswordField）对象
  			javax.swing.JPasswordField jps=new javax.swing.JPasswordField();
  				//调节密码文本框大小
  			java.awt.Dimension dm2 = new java.awt.Dimension(300, 30);
  			jps.setPreferredSize(dm2);
          		//添加
  			jf.add(jps);
  			//登录按钮
          		//创建登录按钮（javax.swing.JButton）对象
  			javax.swing.JButton jbu=new javax.swing.JButton("登录");
          		//将登录按钮添加到窗体上
  			jf.add(jbu);
          //窗体可视化（使代码以可视化组件的形式呈现）
  			jf.setVisible(true);
          //实现点击按钮后响应
          	//监听器
          		//通过子类ButtonListener（该子类于监听器文件中创建）创建对象（action）并初始化
  			ButtonListener action = new ButtonListener();
          	//将监听器与按钮组件绑定
  			jbu.addActionListener(action);
  			}
          //主方法
  			public static void main(String[] args) {
  				Login lo=new Login();
  				lo.showUI();
              }
       }
  

  • 监听器的内容

  package com.login;
  //添加头文件：允许接下来的操作中直接引用该文件名包内的内容
  //*表示运行引用该地址下的所有内容
  import java.awt.event.*;
  //创建子类（ButtonListener）并使用接口（监听器）
  public class ButtonListener implements ActionListener {
  public void actionPerformed(ActionEvent e) {
      //设置响应内容
      	//跳出“登陆成功”弹窗
      		//创建新窗体jF1
  	javax.swing.JFrame jf1 = new javax.swing.JFrame();
      		//设置新窗体大小
  	jf1.setSize(250,100);
      		//新窗体标题
  	jf1.setTitle("登陆成功");
      		//添加标签，提示“登陆成功”
  	javax.swing.JLabel respond=new javax.swing.JLabel("登陆成功...");
  	jf1.add(respond);
  	jf1.setLocationRelativeTo(null);
  	jf1.setVisible(true);
  }
  }
  

注意

1、添加图片时须先加载图片，再创建图片标签以承载图片内容

2、完成任一组件/图片创建时都须将其添加到窗体上

3、监听器是一个接口而非类，使用监听器时应创建子类继承监听器接口并重写监听器方法

4、创建监听器后要将监听器与事件源（操作按钮）绑定

5、添加可视化，否则窗体无法显示

优化响应内容

识别输入的账号和密码做出对应响应

//原监听器代码块
	ButtonListener action = new ButtonListener();
			/*获取输入框中账号密码文本 用之前创建的jtf和jps对象给ButtonListener类
			创建的action对象的账号和密码文本赋值*/
			action.jtf = jtf;
			action.jps = jps;
			jbu.addActionListener(action);

//监听器BUttonListener子类
public class ButtonListener implements ActionListener {
	//定义ButtonListener的账号和密码文本属性
	JTextField jtf;
	JPasswordField jps;
public void actionPerformed(ActionEvent e) {
    //创建String数据类型的形参，通过getText()方法获取jtf和jps属性中的值
	String text = jtf.getText();
	String pas = jps.getText();
    //通过简单if语句对内容进行判断。这里假设正确的账号为“123” 密码为“123456”
    if(text.equals("123"))
    {
        if(pas.equals("123456"))
        {
            System.out.println("登录成功");
        }
        else
        {
            System.out.println("密码错误");
        }
    }
    else
    {
        System.out.println("账号不存在");
    }