环境eclipse界面搭建界面搭建简单的登录界面制作工具swing包步骤1声明一个初始化窗体的方法步骤2创建一个顶级容器并设置好相关的属性步骤3创建组件并设置好相关属性再添加到窗体上步骤4精进功能账号密码匹配跳出新界面事件与接口格式实例总结界面搭建简单的登录界面制作工具swing包包一个庞大的类库swing中包含有我们构建网页所需要的布局器规定物件的摆放方法组件、容器(面板) 、顶级容器和各种元素。今天我们会用到的API读者请直接跳过看代码这里只为总结方便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.JPanel; --面板import javax.swing.JPasswordField; --密码输入框import javax.swing.JTextField; --文本输入框步骤1声明一个初始化窗体的方法打开eclipse新建java project新建package命名为surface新建class命名Startpackagesurface;publicclassStart{publicstaticvoidmain(String[]args){Start stnewStart();st.initUI();}publicvoidinitUI(){}}步骤2创建一个顶级容器并设置好相关的属性packagesurface;importjava.awt.Color;importjava.awt.Dimension;importjava.awt.FlowLayout;importjavax.swing.ImageIcon;importjavax.swing.JButton;importjavax.swing.JFrame;importjavax.swing.JLabel;importjavax.swing.JPasswordField;importjavax.swing.JTextField;importjavax.swing.JCheckBox;publicclassStart{publicstaticvoidmain(String[]args){Start stnewStart();st.initUI();}publicvoidinitUI(){JFrame jfnewJFrame();jf.setSize(1280,780);//set form size设置窗体大小jf.setTitle(log in surface);//set words on top设置窗体名字jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//to make it close设置结束按钮没有这行代码程序将无法终止jf.setLocationRelativeTo(null);//set up in the middle设置窗体居中FlowLayout flnewFlowLayout();jf.setLayout(fl);jf.setVisible(true);//可视化//make it visible有这一行代码才能使窗体可见}}效果步骤3创建组件并设置好相关属性再添加到窗体上我们设计界面肯定不能是这么简单一个框框嘛总得加点什么ImageIcon imagenewImageIcon(D:\\programming\\eclipse-workspace\\Battle\\src\\logface\\Facebook_logo.png);//the path of the picture needs to be changed according to your demand上半部分图片,大家自行按需修改图片路径D:\programming\eclipse-workspace\Battle\src\logface\Facebook_logo.png//make sure your code use \\ not single \另外代码中必须要用\\因为\本身是转义字符JLabel imjlanewJLabel(image);jf.add(imjla);将这几行代码加到jf.setVisible(true);前面再看看效果是不是很神奇接下来我们加入更多东西格式都是一样的上面定义属性下面添加组件JLabel imjlanewJLabel(image);JLabel namejlanewJLabel(Account:);JLabel pwdjlanewJLabel(Password:);JCheckBox cbnewJCheckBox(Are you ready?);JTextField nameinputnewJTextField();JPasswordField pwdinputnewJPasswordField();JButton lgbtnnewJButton(log in);JButton rgbtnnewJButton(register);//set the components设置组件lgbtn.setBackground(Color.lightGray);nameinput.setPreferredSize(indim);pwdinput.setPreferredSize(indim);//add components添加组件jf.add(imjla);jf.add(namejla);jf.add(nameinput);jf.add(pwdjla);jf.add(pwdinput);jf.add(lgbtn);jf.add(rgbtn);jf.add(cb);看看运行效果不知道大家有没有注意到所有的元素排列格式都是按照代码中的顺序依次进行图片账户密码按钮这就是流式布局的特征所有元素会从左往右依次排列挤不下就去下一行接着依次排列。步骤4精进功能账号密码匹配跳出新界面事件与接口接下来我们需要用到接口它在JAVA编程语言中是一个抽象类型是抽象方法的集合接口通常以interface来声明。一个类通过继承接口的方式从而来继承接口的抽象方法。我们需要用到动作监听器。接口与类相似点一个接口可以有多个方法。接口相应的字节码文件必须在与包名称相匹配的目录结构中。接口与类的区别接口不能实例化对象。接口没有构造方法。接口中所有的方法必须是抽象方法。接口不是被类继承了而是要被类实现接口支持多继承。格式…implements 接口名称[, 其他接口名称, 其他接口名称…, …] …实例在surface下新建一个class命名为LoginListener代码如下packagesurface;importjava.awt.event.ActionEvent;importjava.awt.event.ActionListener;publicclassLoginListenerimplementsActionListener{publicvoidactionPerformed(ActionEvent e){}}到这里我们成功实现了这个方法大家只需要输入public class LoginListener implements ActionListener{}之后鼠标移动到ActionListener按F3就会出现剩下的代码不需要自己敲接下来我们要使账号密码匹配应该怎么做呢先看代码我们先在Start下加入如下代码注意放在jf.setVisible(true);之前。LoginListener llnewLoginListener();ll.namein2nameinput;ll.pwdin2pwdinput;ll.jfjf;//继承对象lgbtn.addActionListener(ll);然后补充Login Listenerpackagesurface;importjava.awt.event.ActionEvent;importjava.awt.event.ActionListener;importjavax.swing.JPasswordField;importjavax.swing.JTextField;importjavax.swing.JFrame;publicclassLoginListenerimplementsActionListener{JTextField namein2;JPasswordField pwdin2;JFrame jf;//Automatically called when a button is clicked监听到按钮被点击时自动调用publicvoidactionPerformed(ActionEvent e){String nametextnamein2.getText();String pwdtextpwdin2.getText();if(nametext.equals(123)){System.out.println(Account correct:nametext);if(pwdtext.equals(321)){jf.setVisible(false);//这一句代码用来隐藏前一个界面System.out.println(Password correct:pwdtext);Success ssnewSuccess();ss.test();//调用创建的另一个窗体}elseSystem.out.println(Wrong password,please check again.);}elseSystem.out.println(Account doesnt exist,please check again);System.out.println(the button is clicked);}}另一个窗体的创建类似Start我的代码Success如下packagelogface;importjava.awt.FlowLayout;importjavax.swing.JFrame;importpainting.DrawListener;publicclassSuccess{publicvoidtest(){// top container -form JFrame instantiate object→create a form objectJFrame jfnewJFrame();jf.setTitle(login interface);jf.setSize(1920,1080);jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);// process close关闭进程jf.setLocationRelativeTo(null);// centered居中显示FlowLayout flnewFlowLayout();// Fluid layout流式布局jf.setLayout(fl);jf.setVisible(true);// 可视化System.out.println(Welcome to your secret magical woods!);}}Start的完整代码如下packagelogface;importjava.awt.Color;importjava.awt.Dimension;importjava.awt.FlowLayout;importjavax.swing.ImageIcon;importjavax.swing.JButton;importjavax.swing.JFrame;importjavax.swing.JLabel;importjavax.swing.JPasswordField;importjavax.swing.JTextField;importjavax.swing.JCheckBox;publicclassLoginU{publicstaticvoidmain(String[]args){LoginU lunewLoginU();lu.initUI();}}publicvoidinitUI(){//top container -form JFrame instantiate object→create a form objectJFrame jfnewJFrame();jf.setTitle(login interface);jf.setSize(1280,600);jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//process close关闭进程jf.setLocationRelativeTo(null);//centered居中显示FlowLayout flnewFlowLayout();//Fluid layout流式布局jf.setLayout(fl);Dimension indimnewDimension(330,30);//size尺寸没有这一设定登录会默认布满四周//create components创建组件//上半部分图片,大家自行按需修改图片路径D:\programming\eclipse-workspace\Battle\src\logface\Facebook_logo.pngImageIcon imagenewImageIcon(D:\\programming\\eclipse-workspace\\Battle\\src\\logface\\Facebook_logo.png);//不用\\会导致报错。因为\本身是转义字符//Image labelJLabel imjlanewJLabel(image);JLabel namejlanewJLabel(Account:);JLabel pwdjlanewJLabel(Password:);JCheckBox cbnewJCheckBox(Are you ready?);JTextField nameinputnewJTextField();JPasswordField pwdinputnewJPasswordField();JButton lgbtnnewJButton(log in);JButton rgbtnnewJButton(register);//set the components设置组件lgbtn.setBackground(Color.lightGray);nameinput.setPreferredSize(indim);pwdinput.setPreferredSize(indim);//add componentsjf.add(imjla);jf.add(namejla);jf.add(nameinput);jf.add(pwdjla);jf.add(pwdinput);jf.add(lgbtn);jf.add(rgbtn);jf.add(cb);LoginListener llnewLoginListener();ll.namein2nameinput;ll.pwdin2pwdinput;ll.jfjf;//对象传递lgbtn.addActionListener(ll);jf.setVisible(true);//可视化}}我们来看看运行效果okperfect总结swing包是我们创建页面的主要工具接口是我们实现更多功能的辅助工具。