登录界面开发
界面的组成
1:可视化部分
2:元素规则部分
3:内容部分
开发步骤
1:创建一个程序运行的基本结构
-创建一个类LoginUI
-类中创建一个方法showUI
-类中创建一个主函数,主函数中创建LoginUI对象,调用showUI方法
public class LoginUI{
public void showUI(){
System.out.println("LoginUI.showUI");//创建界面的代码写在方法中
}
public static void main(String[] args){
LoginUI loginUI = new LoginUI();
loginUI.showUI();
}
}
2:在showUI方法中写
-创建一个窗体类的对象
&JFrame jf = new JFrame();
-设置窗体对象的属性
&窗体的标题
&窗体的尺寸
&窗体的关闭操作
&窗体的可视化,显示到屏幕上
&设置流式布局->添加按钮等组件就需要设置流式布局
#创建一个流式布局类对象 FlowLayout flow = new FlowLayout();
#窗体对象设置流式布局 jf.setLayout(flow);
-创建组件对象:按钮,文本输入框,密码输入框,标签
-设置尺寸:Dimension 流式布局下需要首选尺寸 setPreferredSize
-使用窗体对象加载组件对象 按照从左到右,上到下的顺序
&jf.add(组件对象);
JFrame jf = new JFrame();
//设置窗体的属性
jf.setTitle("");//窗体的标题
jf.setSize();//窗体的尺寸
jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//点击关闭按钮时退出程序
jf.setVisible();//可视化,显示界面
//设置布局
FlowLayout flow = new FlowLayout();
jf.setLayout(flow);
//创建组件对象
JLabel nameJla = new JLabel();
JLabel pwdJla = new JLabel();
JTextField nameJtf = new JTextField();//文本框类
JPasswordField pwdJpf = new JPasswordField();//密码框类
JButton loginBtn = new JButton();//按钮类
//设置输入框尺寸
Dimension dimensize = new Dimension();
nameJtf.setPreferredSize(dimensize);
pwdJpf.setPreferredSize(dimensize);
//添加组件到窗体中
jf.add(nameJla);
jf.add(nameJtf);
jf.add(pwdJla);
jf.add(pwdJpf);
jf.add(loginBtn);
//添加组件完成后 再可视化
jf.setVisible(true);
完整代码
import java.awt.*;
import javax.swing.*;
public class LoginUI{
public void showUI(){
System.out.println("LoginUI.showUI");//创建界面的代码写在方法中
JFrame jf = new JFrame();
//设置窗体的属性
jf.setTitle("");//窗体的标题
jf.setSize();//窗体的尺寸
jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//点击关闭按钮时退出程序
jf.setVisible();//可视化,显示界面
//设置布局
FlowLayout flow = new FlowLayout();
jf.setLayout(flow);
//创建组件对象
JLabel nameJla = new JLabel();
JLabel pwdJla = new JLabel();
JTextField nameJtf = new JTextField();//文本框类
JPasswordField pwdJpf = new JPasswordField();//密码框类
JButton loginBtn = new JButton();//按钮类
//设置输入框尺寸
Dimension dimensize = new Dimension();
nameJtf.setPreferredSize(dimensize);
pwdJpf.setPreferredSize(dimensize);
//添加组件到窗体中
jf.add(nameJla);
jf.add(nameJtf);
jf.add(pwdJla);
jf.add(pwdJpf);
jf.add(loginBtn);
//添加组件完成后 再可视化
jf.setVisible(true);
}
public static void main(String[] args){
LoginUI loginUI = new LoginUI();
loginUI.showUI();
}
}