图形化编程实现步骤之实现登录注册界面

前言

本文将详细介绍Java图形化编程中关于登录注册界面的初步实现步骤，逐步拆解分析实现步骤，将登录注册界面的初步组件：窗体，图片，登录注册输入框，登录注册按钮等处理思路梳理，辅以示例代码，并总结。

基础准备

主函数，类，类中的方法

定义类并设置主函数

任何代码运行总需要主函数作为运行入口，没有主函数，代码将无法运行；其次要调用类中的方法运行，则需要在主函数创建对象进行调用。

主函数示例代码

publicstaticvoidmain(String[]args){}

定义类示例代码

publicclassLogin{}

类中的方法

publicvoidshowUI(){}

窗体

第一步：让启动登录注册界面时，实现窗体大小、显示窗体标题、居中弹出、让窗体关闭后停止运行（而不在后台运行）、让窗体内容实现流体化布局。

语言程序是在其发展基础上，根据自身需要进行运用，图形化编程可以在Java的标准库中调用头文件（写在定义类之前），

importjavax.swing.*;importjava.awt.*;//(带*号可以将该文件中所有的类//都调用，不用逐一调用，更方便）

头文件中有我们需要的类方法,可以直接调用，不用我们再创建类。

窗体相关方法名及参数

创建对象：loginWindow,调用类:Login
调用类的方法：格式 对象名.方法名（）；
设置窗体大小：setSize(420,500);(一般设置此大小）
设置窗体标题：setTitle(“登录/注册界面”）;
设置窗体居中弹开：setLocationRelativeTo(null);
设置窗体关闭时停止后台运行：setDefaultCloseOperation(3);
流体式布局管理器：控制位置及大小（防止出现整个窗体的内容只有一个按钮的局面）
创建对象：FlowLayout layout=new FlowLayout();
调用方法：layout.setLayout(layout);

示例代码

publicvoidshowUI(){//窗体,调用类JFrameloginWindow=newJFrame();//设置窗体大小loginWindow.setSize(420,500);//窗体标题loginWindow.setTitle("登录/注册界面");//窗体居中弹开loginWindow.setLocationRelativeTo(null);//窗体运行结束后可关闭loginWindow.setDefaultCloseOperation(3);//流体式布局管理器：控制位置以及大小FlowLayoutlayout=newFlowLayout();loginWindow.setLayout(layout);

图片

第二步：添加图片。

图片相关类，方法名及参数

创建对象：ImageIcon image=new ImageIcon(“相片地址”);
添加标签:（用来放置图片，类似相片框）
JLabel tag=new JLabel(image)
设置图片标签大小：setPreferredSize(说明);
说明，因为setPreferredSize中要的参数是类：Dimension，要填入参数需先创建Dimension类的对象，填入合适大小参数；再在方法参数中填入对象名。
添加显示：loginWindow.add(tag);

小tips

相片的像素大小不能比窗体大，否则出现整个窗体都是不完整相片的情况。如果真的想放某相片，解决方法如下：其一，改变窗体大小以展现该图片，但要考虑文本框的位置，而且窗体过大容易显得冗杂；其二，修改相片大小，达到窗体可容纳的范围；其三，修改标签大小，以至于改变图片大小到窗体可容纳范围。

示例代码

//图片ImageIconimage=newImageIcon("相片地址");//添加标签，用来放置图片，类似相片框JLabeltag=newJLabel(image);Dimensionam=newDimension(420,230);tag.setPreferredSize(am);loginWindow.add(tag);

账号/密码输入框

第三步：用标签在窗体中输入提示文字，然后设置输入框。
创建JTextField类对象：JTextField jtf1=new JTextField();
其他如上。

示例代码

//标签显示账号，密码等提示内容JLabelaccount=newJLabel("账号：");loginWindow.add(account);//输入框JTextFieldjtf1=newJTextField();//类本身就是一种数据类型（引用类型/自定义类型）//本身就是数据类型的类，要输入该数据时，必须将该类定义出来（？public），并创建对象名调用出来，才可以在方法写上参数Dimensionbm=newDimension(350,30);//除了JFrame，其它组件设置大小都是该方法jtf1.setPreferredSize(bm);loginWindow.add(jtf1);

登录按钮

第四步：添加按钮。
创建JButton类对象： JButton jbt1=new JButton(“登录”);
其他如上。

示例代码

//登录按钮JButtonjbt1=newJButton("登录");loginWindow.add(jbt1);

以此类推，加上注册输入框和按钮

电话/验证码输入框

示例代码

//标签显示电话JLabelphone=newJLabel("电话：");loginWindow.add(phone);//电话输入框JTextFieldjtf3=newJTextField();Dimensiondm=newDimension(350,30);jtf3.setPreferredSize(dm);loginWindow.add(jtf3);//标签显示验证码JLabelSMSVerificationCode=newJLabel("验证码：");loginWindow.add(SMSVerificationCode);//验证码输入框JTextFieldjtf4=newJTextField();Dimensionem=newDimension(180,30);jtf4.setPreferredSize(em);loginWindow.add(jtf4);

获取验证码/注册/忘记密码/其他问题按钮

示例代码

//获取验证码按钮JButtonjbt2=newJButton("获取验证码");loginWindow.add(jbt2);//注册按钮JButtonjbt3=newJButton("注册");loginWindow.add(jbt3);//忘记密码 其他问题按钮JButtonjbt4=newJButton("忘记密码");JButtonjbt5=newJButton("其他问题");loginWindow.add(jbt4);loginWindow.add(jbt5);

显示组件

这可以说是最至关重要的一个组件了，如果没有它，以上打出的所有代码将不能显示，甚至连窗体都弹不出来。
它的参数使用了布尔型，必需填true才可能将以上代码显示出来。

loginWindow.setVisible(true);

成果

因为采用流体化布局，内容为居中展示，要注意图片，文本框的大小，以避免布局混乱的情况出现。

总结

以上便是笔者关于图形化编程之初步实现登录注册界面的详细步骤。通过此次实践，多次运行，查看效果，对不同类不同方法的作用有了一定了解，初步掌握关于图形化编程的方法。同时，在实际中考虑到不同Java函数与个人想法碰撞时会出现不同的新问题，通过多运行多尝试，不断思考，结合常识，解决了此次实现步骤的大大小小的问题，并延申出不同解决方法，不断提升解决问题的能力。