Java页面编辑

Java页面编程（以微信登陆界面为例）

首先，我们要先理解一下，在Java编程软件中会有专门的工具开发包，例如java.awt 和javax.swing。 在此列举一下页面编程中需要用到的工具包： import java.awt.Color; // 颜色 import java.awt.Dimension; // 尺寸 import java.awt.FlowLayout; // 流式布局管理器 （流式布局是一种常用的页面布局方法，还有一种布局方式叫边框布局，这个我们以后再讲。）

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

这是示例界面： 界面包括标题、功能键（最小化、最大化、关闭）、背景图片、标签、输入框、复选框、按钮等。

放一下我写的程序：

import java.awt.Color; import java.awt.Dimension; import java.awt.FlowLayout; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JCheckBox; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPasswordField; import javax.swing.JTextField; public class LoginUI { // 设置初始化登陆界面 public void initUI(){ //创建窗体 //设置窗体属性 JFrame loginFrame=new JFrame(); loginFrame.setTitle("微信登录入口："); //设置标题内容 loginFrame.setSize(400,500); //设置尺寸 loginFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭按钮设置 //流式布局 FlowLayout fl = new FlowLayout(); loginFrame.setLayout(fl); //流式布局设置给窗体 //创建组件对象 //图片 ImageIcon img = new ImageIcon("C:\\Users\\Lenovo\\Desktop\\JAVA学习\\2020.0605\\wechat.jpg"); //标签,放图片 JLabel imgJLa = new JLabel(img); //标签，其他文字 JLabel nameJLa = new JLabel("账号:"); JLabel passwordJLa = new JLabel("密码:"); //登录按钮 JButton btn = new JButton("登录"); //输入框 JTextField nameField = new JTextField(); JPasswordField passwordField= new JPasswordField(); //复选框 JCheckBox reBox1= new JCheckBox("记住密码"); JCheckBox reBox2=new JCheckBox("自动登录"); //按钮属性 Color color=new Color(55,174,181); btn.setBackground(color); //颜色 Dimension btndim= new Dimension(150,30); btn.setPreferredSize(btndim); //尺寸 //输入框属性 Dimension fielddim= new Dimension(320,30); nameField.setPreferredSize(fielddim); passwordField.setPreferredSize(fielddim); //把组件放到窗体上 loginFrame.add(imgJLa); loginFrame.add(nameJLa); loginFrame.add(nameField); loginFrame.add(passwordJLa); loginFrame.add(passwordField); loginFrame.add(reBox1); loginFrame.add(reBox2); loginFrame.add(btn); loginFrame.setVisible(true);// 使窗体可视化 } public static void main(String[] args) { LoginUI loginUI = new LoginUI(); loginUI.initUI(); } }

我们来一步步分析对应一下： 1.窗体属性类

JFrame loginFrame=new JFrame(); loginFrame.setTitle("微信登录入口："); //设置标题内容 loginFrame.setSize(400,500); //设置尺寸 loginFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭按钮设置

标题内容、尺寸和关闭按钮都是通过相关的包javax.swing.JFrame中的功能来实现的。 除此之外还有布局方法——流式布局法。流式布局法在此处即为将界面中的各个元素按从左到右从上到下的顺序依次排列下来的方法，应用的包为java.awt.FlowLayout，调用方法如下：

//流式布局 FlowLayout fl = new FlowLayout(); loginFrame.setLayout(fl); //流式布局设置给窗体

2.窗体内部元件 我们来一步步说明 首先图片的插入方法是（示例）

//图片 ImageIcon img = new ImageIcon("C:\\Users\\Lenovo\\Desktop\\JAVA学习\\2020.0605\\wechat.jpg"); //标签,放图片 JLabel imgJLa = new JLabel(img);

示例中用到了javax.swing.ImageIcon包，在括号中要写上图片的地址加名字，地址中的\要变成\，同时地址和名字也用\隔开。最后将图片放到界面上。

然后是标签、输入框、复选框和按钮，按流式布局的方法，且为了界面的美观，将组件按顺序编写好。 先编辑好：

//标签，其他文字 JLabel nameJLa = new JLabel("账号:"); JLabel passwordJLa = new JLabel("密码:"); //登录按钮 JButton btn = new JButton("登录"); //输入框 JTextField nameField = new JTextField(); JPasswordField passwordField= new JPasswordField(); //复选框 JCheckBox reBox1= new JCheckBox("记住密码"); JCheckBox reBox2=new JCheckBox("自动登录");

编辑属性：

//按钮属性 Color color=new Color(55,174,181); btn.setBackground(color); //颜色 Dimension btndim= new Dimension(150,30); btn.setPreferredSize(btndim); //尺寸 //输入框属性 Dimension fielddim= new Dimension(320,30); nameField.setPreferredSize(fielddim); passwordField.setPreferredSize(fielddim);

再将所有组件按顺序放到界面上：

loginFrame.add(imgJLa); loginFrame.add(nameJLa); loginFrame.add(nameField); loginFrame.add(passwordJLa); loginFrame.add(passwordField); loginFrame.add(reBox1); loginFrame.add(reBox2); loginFrame.add(btn);

最后不要忘了使窗体可视化的语句

loginFrame.setVisible(true);// 使窗体可视化

如此一来，一个简单的登录界面就做好了。