界面开发 之 登录界面

一、

创建一个自己的类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:不妨举一反三多加练习 

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值