一、
创建一个自己的类LoginUI
public class LoginUI{
}
二、
在类中创建一个方法,showUI
public void showUI(){
}
三、
类中 创建一个主函数,主函数中创建LoginUI对象,使用对象名调用showUI方法(不是方法中)
public static void main(String[] args) {
LohinUI loginUI=new LoginUI();
loginUI.showUI();
}
四、
导入界面开发包(在类之前)
import java.awt.*;
import javax.swing.*;
五、
在showUI方法里,创建一个窗体类对象
JFrame jf=new JFrame();
六、
使用窗体类对象 jf 调用他自己的 set系列方法,设置必要的属性如:标题,尺寸,位置,关闭操作,布局,可视化
jf.setTitle("登录界面");
jf.setSize(400,500);
jf.setLocation(670,300);
jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE) ;
FlowLayout fl=new FlowLayout(); //创建一个流式布局
jf.setLayout(fl); //设置窗体的布局
jf.setVisible(true); //显示到屏幕上
七、
创建一个登录界面需要的组件对象: 标签,按钮,输入框,等
一个图片对象
三个标签对象(一个放图片,两个放文本)
一个文本输入框对象
一个密码输入框对象
一个按钮对象
String path = "C:\Users\ASUS\OneDrive\图片\OIP-C(1)(1)(1)(1).png";//输入图片路径
ImageIcon icon = new ImageIcon(path);
JLabel iconJla = new JLabel(icon);
JLabel nameJla = new JLabel("账号:");
JLabel pwdJla = new JLabel("密码:");
JTextField nameJtf = new JTextField(30);// 30个字符的宽度
JPasswordField pwdJpf = new JPasswordField(30);
JButton btn = new JButton("登录");
注:30个字符宽度是为了将后续输入框顶至下一行,可根据界面宽度试出最佳字符宽度
八、
使用窗体对象的add方法添加以上所有组件 jf.add()
jf.add(iconJla);
jf.add(nameJla);
jf.add(nameJtf);
jf.add(pwdJla);
jf.add(pwdJpf);
jf.add(btn);
jf.setVisible(true);// 显示窗体到屏幕上
整体效果
import java.awt.*;
import javax.swing.*;
public class LoginUI {
public void showUI(){
JFrame jf=new JFrame();
jf.setTitle("登录界面");
jf.setSize(350,500);
jf.setLocation(670,300);
jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE) ;
FlowLayout fl=new FlowLayout(); //创建一个流式布局
jf.setLayout(fl); //设置窗体的布局
jf.setVisible(true); //显示到屏幕上
String path = "C:\\Users\\ASUS\\OneDrive\\图片\\OIP-C(1)(1)(1)(1).png";//输入图片路径
ImageIcon icon = new ImageIcon(path);
JLabel iconJla = new JLabel(icon);
JLabel nameJla = new JLabel("账号:");
JLabel pwdJla = new JLabel("密码:");
JTextField nameJtf = new JTextField(30);// 30个字符的宽度
JPasswordField pwdJpf = new JPasswordField(30);
JButton btn = new JButton("登录");
jf.add(iconJla);
jf.add(nameJla);
jf.add(nameJtf);
jf.add(pwdJla);
jf.add(pwdJpf);
jf.add(btn);
jf.setVisible(true);// 显示窗体到屏幕上
}
public static void main(String[] args) {
LoginUI lo =new LoginUI();
lo.showUI();
}
}
运行结果
温馨提示:
1:注意括号 () 分号 ; 和引号 "" 需用英文格式
2: 如有报错,记得检查括号和分号是否多与少
3:不妨举一反三多加练习