前言
本文将详细介绍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函数与个人想法碰撞时会出现不同的新问题,通过多运行多尝试,不断思考,结合常识,解决了此次实现步骤的大大小小的问题,并延申出不同解决方法,不断提升解决问题的能力。