【Java 基础学习-面向对象-02界面开发】

界面组成

界面开发包

界面开发步骤

界面组成

• 组成结构
  • 容器：窗体
  • 组件：菜单 输入框 按钮
  • 内容：文字 图片
  • 元素规则：尺寸 颜色 字体 布局
• 包：给代码分类
  • src中：自己写的代码
  • String java.lang 中：java核心包/其类可直接使用
  • 其他包中：类在代码中使用需提前导入

界面开发包

• java.awt
  • java早期开发包：样式老旧 功能欠缺
  • 保留类：元素规则类，如 尺寸 颜色 布局
• javax.swing
  • java新的开发包：样式新颖 功能完善
  • 所有类都可用：组件类 容器类

界面开发步骤

• 目标:创建一个注册界面

输入所需类

import javax.swing.JFrame;//窗体
import javax.swing.JLabel;//标签
import javax.swing.JTextField;//文本输入框
import javax.swing.JPasswordField;//密码输入框
import javax.swing.JButton;//按钮
import javax.swing.ImageIcon;//图像

import java.awt.Dimension;//尺寸
import java.awt.Color;//颜色
import java.awt.FlowLayout;//流式布局

创建对象

• 五步法：
• 创建一个窗体对象
• 使用窗体对象名调用方法设置标题、尺寸、关闭操作选项、可视化 、布局
• 创建组件对象 标签 按钮 输入框 密码输入框
• 使用组件对象名 设置组件需要的属性 尺寸 颜色 …
• 使用窗体对象名添加组件对象名

public class RegisterUI {
    public void showUI(){
        JFrame jf = new JFrame ();
        //1：创建窗体对象

        jf.setTitle ("注册界面");//标题
        jf.setSize(500,1000);//尺寸
        jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭选项
        jf.setVisible(true);//可视化
        FlowLayout flow = new FlowLayout ();//创建流式布局对象
        jf.setLayout (flow);//设置流式布局
        //2：窗体对象调用方法 进行设置

        JLabel nameJla = new JLabel ();//账号标签
        JLabel pwdJla = new JLabel ();//密码标签
        JLabel pnbJla = new JLabel();//手机号标签
        JLabel vcdJla = new JLabel();//验证码标签
        JLabel imgJla = new JLabel ();//图像标签
        JButton btn1 = new JButton ();//获取验证码按钮1
        JButton btn2 = new JButton ();//注册按钮2
        JTextField nameIn = new JTextField ();//账号输入框
        
        JPasswordField pwdIn = new JPasswordField ();//密码输入框
        JTextField pnbIn = new JTextField ();//手机号输入框
        JTextField vcdIn = new JTextField ();//验证码输入框
        //3：创建组件对象

        nameJla.setText ("账号：");
        pwdJla.setText ("密码：");
        pnbJla.setText("手机号:");
        vcdJla.setText("验证码:");
        ImageIcon  icon = new ImageIcon ("D:\\360Downloads\\taikong.webp");
        imgJla.setIcon (icon);
        btn1.setText ("获取验证码");
        btn2.setText("注册");
        //设置标签名称
        Dimension imgSize = new Dimension (500,500);
        imgJla.setPreferredSize (imgSize);//设置图片尺寸
        Dimension inputSize = new Dimension (410,35);
        nameIn.setPreferredSize (inputSize);
        pwdIn.setPreferredSize (inputSize);
        pnbIn.setPreferredSize (inputSize);
        vcdIn.setPreferredSize (inputSize);//设置输入框尺寸
        //4：组件对象调用方法 进行设置

        jf.add (imgJla);

        jf.add (nameJla);
        jf.add (nameIn);

        jf.add (pwdJla);
        jf.add (pwdIn);

        jf.add (pnbJla);
        jf.add (pnbIn);

        jf.add (vcdJla);
        jf.add (vcdIn);
        jf.add (btn1);

        jf.add (btn2);//流式布局
        //5：窗体对象名添加组件对象名
    }
    public static void main(String[] args){//程序入口
        RegisterUI registerui = new RegisterUI ();
       //创建注册界面对象
        registerui.showUI ();
        //注册界面调用方法执行
    }
}