目录
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.下期预告:
事件监听机制---实现按钮的作用