P4【Java 实现一个登录界面-并且实现按钮的监听】

实现登录界面

界面开发

界面组成结构

通常来讲一个显示在屏幕上的窗体包含了以下三个部分

• 可视化部分
  • 窗体、按钮、输入框、标签
• 元素规则部分
  • 尺寸、颜色、布局管理器
• 内容部分
  • 文字 、图片

Java中的界面开发包

• java.awt
  • 早期的界面开发包，样式组件比较老旧，功能不全
  • 但是依旧保留使用 元素规则类
• javax.swing
  • 后来升级的界面开发包，都可以使用

一个登录界面需要用到的类

import java.awt.Color;// 颜色类
import java.awt.Dimension;// 尺寸
import java.awt.FlowLayout;// 流式布局 - 控制界面中组件的摆放位置 - 居中

import javax.swing.JFrame;// 窗体 自带有标题栏的 最小/大化 关闭按钮
import javax.swing.JLabel;// 标签 透明组件 只显示内容不显示组件本体
import javax.swing.JTextField;// 文本输入框 单行
import javax.swing.JPasswordField;//密码输入框
import javax.swing.JButton;// 按钮

开发登录界面的步骤

• 1：创建一个类，其中定义一个初始化界面的方法，然后在主方法中调用这个初始化界面的方法

public class LoginUI{


public void initUI(){
// 创建登录界面的代码都写在这里

}

public static void main(String[] args){
LoginUI loginui = new LoginUI();
loginui.initUI();
}



}

• 2: 在方法中创建一个窗体对象 并设置窗体对象的属性(比较重要的四个属性： 标题、尺寸、关闭操作设置、可视化 )

import javax.swing.JFrame;
public void initUI(){
// 创建登录界面的代码都写在这里
	JFrame jf = new JFrame();// 使用JFame 创建对象 一定要先import JFrame所在的路径
        jf.setTitle("登录界面");
        jf.setSize(300,600);
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        jf.setVisible(true);
}

• 启动测试看看效果
  
• 3： 设置布局： FlowLayout
  • 按添加的顺序，从左至右依次摆放

FlowLayou flow = new FlowLayout();//调用FlowLayout的对象 
jf.setLayout(flow);//调用FLowLayout的方法

• 4： 创建组件对象 输入框 、按钮、标签

        // 标签
        JLabel imgjla = new JLabel();
        JLabel namejla = new JLabel();
        JLabel pwdjla = new JLabel();
        // 文本框 密码框
        JTextField namejtf = new JTextField();
        JPasswordField pwdjtf = new JPasswordField();
        // 按钮
        JButton btn = new JButton();

• 5： 设置组件对象的属性 内容

       // 设置图片的标签的图标
       ImageIcon img = new ImageIcon("C:\Users\bjx\Desktop\yuanman.png");
       imgjla.setIcon(img);// 将图片设置到标签上

       // 设置标签的文本内容
       namejla.setText("账号：");
       pwdjla.setText("密码：");

       // 设置按钮的文本内容
       btn.setText ("登录");

       // 设置组件尺寸
       // 先创建一个尺寸对象
       Dimension dim = new Dimension (220,35);
       // 设置输入框的尺寸 
       namejtf.setPreferredSize (dim);
       pwdjtf.setPreferredSize (dim);

• 6： 将组件对象添加到窗体对象上

        // 3: 将组件对象添加到窗体对象上
        jf.add (imgjla);
        jf.add (namejla);
        jf.add (namejtf);
        jf.add (pwdjla);
        jf.add (pwdjtf);
        jf.add (btn);

        // 等组件全部加载完成 之后再显示出来
        jf.setVisible (true);

• 7.需要注意的点
  • 可视化必须放在所有组件加载之后
  • 输入框一定要设置尺寸
  • 调节图片尺寸，输入框尺寸协调
• 8.效果展示
• 

实现按钮监听

监听器是一个接口

• 点击按钮之后可以响应的一个接口
• 当我们实现这个接口之后，创建一个对象绑定给按钮
• 那么这个按钮在点击时，会调用方法

接口使用步骤

• 1.创建一个类实现接口 重写接口中所有的抽象方法 在方法中，实现具体的方法代码

public class LoginAction implements ActionListener{
    // 按钮点击调用下面的方法 
    public void actionPerformed(ActionEvent e){
        // 点击按钮之后需要执行的代码 - 自由发挥 
        System.out.println ("click on the button");
    }
}

• 2.创建对象和调用方法

        //给按钮添加监听
        LoginAction la =new LoginAction();
        btn.addActionListener(la);

• 3.注意事项
• 接口中没有方法体 需要重写接口中所有的抽象方法