拿下“界面开发”--java--注册界面!

目录

1.界面的组成

2.界面开发所使用的包

2.1包是什么?

2.2java中的源代码包:

2.3界面开发包:

3.此次开发界面需要使用的类

4.界面开发的步骤:

5.代码实现

6.运行结果--一个怀旧的注册界面

7.其他注意:

8.下期预告:


1.界面的组成

可视化组件部分:窗体 菜单 滑杆 按钮 输入框 标签

内容部分:图片 文字 

元素规则:尺寸 颜色 字体 布局管理 

2.界面开发所使用的包

2.1包是什么?

作用:分类管理代码文件

自己创建的包:存放我们自己写的文件

2.2java中的源代码包:

  java.lang:java语言基础包,String /System/Scanner/Math

  java.net:网络编程包

  java.util:多线程 、数据结构 、异常处理包

2.3界面开发包:

  java.awt:

          Java早期的界面开发包 抽象窗体工具包

          可视化组件样式比较怀旧,功能不够完善

          主要保留使用元素规则类: 尺寸 颜色 布局 字体

   javax.swing:

            升级的界面开发包、支持自定义样式

            主要使用可视化组件类,新增了一些元素规则类与图标类

   (此次主要使用以上两个包来开发一个“怀旧”界面)。

3.此次开发界面需要使用的类

    java.awt

    FlowLayout:流式布局类,用来创建一个对象,然后设置给窗体,窗体中的组件就会按照流式布局的规则来摆放

            规则:从左至右依次摆放,一行摆放不下时切换下一行,整体居中,并会根据组件的内容自适应尺寸

    Dimension:尺寸

    Color:颜色

    Font:字体

    Graphics:绘制渲染类、画图的

     javax.swing

      JFram:窗体类

      JButton:按钮类

      JLabel:标签(透明的组件,只会显示内容)

      JTextField:文本输入框类

      JPasswordField:密码输入类

       ImageIcon:图标类   

4.界面开发的步骤:

1.创建一个新的类

2.在类中创建一个方法,创建界面的代码都放在这个方法中

3.创建一个主函数,创建该类中的对象,并调用在类中的方法

4.导入界面开发包 java.awt/javax.swing

5.创建一个窗体类对象/JFrame

6.通过调用窗体对象的方法来设置窗体对象的属性:标题 尺寸 位置 关闭方式 可视化 布局

               

FlowLayout flow = new FlowLayout();// 创建一个流式布局管理器 jf.setLayout(flow);//
设置窗体的布局为流式布局

7.创建登录界面需要的组件对象

   图标对象:ImageIcon

   标签对象:存放图标  存放(账号:、密码:等)文本

    输入框对象:文本输入框、密码输入框

    按钮对象:注册

8.将创建的组件对象根据布局规则添加到窗体上

5.代码实现

//4.导入界面开发包
import java.awt.*;
import javax.swing.*;

//1.创建新的类--注册界面
public class RegisterUI {
    //2.在类中创建方法,创建的注册界面代码都放在这个方法中
    public void showUI() {


        //5.创建一个窗体类对象
        JFrame jf = new JFrame();
        //6.通过调用窗体对象的方法来设置窗体对象的属性:标题 尺寸 位置 关闭方式 可视化 布局
        jf.setTitle("注册界面");
        jf.setSize(400, 480);
        jf.setLocation(500, 100);
        jf.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);//点击关闭按钮时的操作-退出进程
        FlowLayout flow = new FlowLayout();//创建一个流式布局管理器
        jf.setLayout(flow);//设置窗体的布局为流式a布局

        //7.创建注册界面需要的组件对象
        String path = "";          //图片路径  一个图标对象
                 ImageIcon icon = new ImageIcon(path);//图标对象
        //五个标签对象
        JLabel iconJla = new JLabel(icon);
        JLabel nameJla = new JLabel("昵称:");
        JLabel pwdJla = new JLabel("密码:");
        JLabel pwdJla2 = new JLabel("再次确认密码:");
        JLabel emailJla = new JLabel("邮箱:");
        JLabel phoneJla = new JLabel("电话:");

        JTextField nameIn = new JTextField(30);
        JPasswordField pwdIn = new JPasswordField(30);
        JPasswordField pwdIn2 = new JPasswordField(30);
        JTextField emailIn = new JTextField(30);
        JTextField phoneIn = new JTextField(30);


        JButton registerBtn = new JButton("注册");



        //8.将创建的组件对象 根据布局规则 添加到窗体上
        jf.add(iconJla);
        jf.add(nameJla);jf.add(nameIn);
        jf.add(pwdJla);jf.add(pwdIn);
        jf.add(pwdJla2);jf.add(pwdIn2);
        jf.add(emailJla);
        jf.add(emailIn);
        jf.add(phoneJla);jf.add(phoneIn);
        jf.add(registerBtn);
        //显示时间必须是 组件都完成加载
        jf.setVisible(true);//显示到屏幕上

    }
    //3.创建一个主函数,创建RegisterUI对象 并调用showUI方法
    public static void main(String[] args) {
        RegisterUI registerUI = new RegisterUI();
        registerUI.showUI();
    }
}



6.运行结果--一个怀旧的注册界面

7.其他注意:

需要注意尺寸方面的设置 ,另外流式布局的设计也会使界面随着大小拖动变化,内容分布也会随之变化

8.下期预告:

事件监听机制---实现按钮的作用

  • 15
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值