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

前言本文将详细介绍Java图形化编程中关于登录注册界面的初步实现步骤逐步拆解分析实现步骤将登录注册界面的初步组件窗体图片登录注册输入框登录注册按钮等处理思路梳理辅以示例代码并总结。基础准备主函数类类中的方法定义类并设置主函数任何代码运行总需要主函数作为运行入口没有主函数代码将无法运行其次要调用类中的方法运行则需要在主函数创建对象进行调用。主函数示例代码publicstaticvoidmain(String[]args){}定义类示例代码publicclassLogin{}类中的方法publicvoidshowUI(){}窗体第一步让启动登录注册界面时实现窗体大小、显示窗体标题、居中弹出、让窗体关闭后停止运行而不在后台运行、让窗体内容实现流体化布局。语言程序是在其发展基础上根据自身需要进行运用图形化编程可以在Java的标准库中调用头文件写在定义类之前importjavax.swing.*;importjava.awt.*;//(带*号可以将该文件中所有的类//都调用不用逐一调用更方便头文件中有我们需要的类方法,可以直接调用不用我们再创建类。窗体相关方法名及参数创建对象loginWindow,调用类:Login调用类的方法格式 对象名.方法名设置窗体大小setSize(420,500);(一般设置此大小设置窗体标题setTitle(“登录/注册界面”;设置窗体居中弹开setLocationRelativeTo(null);设置窗体关闭时停止后台运行setDefaultCloseOperation(3);流体式布局管理器控制位置及大小防止出现整个窗体的内容只有一个按钮的局面创建对象FlowLayout layoutnew FlowLayout();调用方法layout.setLayout(layout);示例代码publicvoidshowUI(){//窗体,调用类JFrameloginWindownewJFrame();//设置窗体大小loginWindow.setSize(420,500);//窗体标题loginWindow.setTitle(登录/注册界面);//窗体居中弹开loginWindow.setLocationRelativeTo(null);//窗体运行结束后可关闭loginWindow.setDefaultCloseOperation(3);//流体式布局管理器控制位置以及大小FlowLayoutlayoutnewFlowLayout();loginWindow.setLayout(layout);图片第二步添加图片。图片相关类方法名及参数创建对象ImageIcon imagenew ImageIcon(“相片地址”);添加标签:用来放置图片类似相片框JLabel tagnew JLabel(image)设置图片标签大小setPreferredSize(说明);说明因为setPreferredSize中要的参数是类Dimension要填入参数需先创建Dimension类的对象填入合适大小参数再在方法参数中填入对象名。添加显示loginWindow.add(tag);小tips相片的像素大小不能比窗体大否则出现整个窗体都是不完整相片的情况。如果真的想放某相片解决方法如下其一改变窗体大小以展现该图片但要考虑文本框的位置而且窗体过大容易显得冗杂其二修改相片大小达到窗体可容纳的范围其三修改标签大小以至于改变图片大小到窗体可容纳范围。示例代码//图片ImageIconimagenewImageIcon(相片地址);//添加标签用来放置图片类似相片框JLabeltagnewJLabel(image);DimensionamnewDimension(420,230);tag.setPreferredSize(am);loginWindow.add(tag);账号/密码输入框第三步用标签在窗体中输入提示文字然后设置输入框。创建JTextField类对象JTextField jtf1new JTextField();其他如上。示例代码//标签显示账号密码等提示内容JLabelaccountnewJLabel(账号);loginWindow.add(account);//输入框JTextFieldjtf1newJTextField();//类本身就是一种数据类型引用类型/自定义类型//本身就是数据类型的类要输入该数据时必须将该类定义出来public并创建对象名调用出来才可以在方法写上参数DimensionbmnewDimension(350,30);//除了JFrame其它组件设置大小都是该方法jtf1.setPreferredSize(bm);loginWindow.add(jtf1);登录按钮第四步添加按钮。创建JButton类对象 JButton jbt1new JButton(“登录”);其他如上。示例代码//登录按钮JButtonjbt1newJButton(登录);loginWindow.add(jbt1);以此类推加上注册输入框和按钮电话/验证码输入框示例代码//标签显示电话JLabelphonenewJLabel(电话);loginWindow.add(phone);//电话输入框JTextFieldjtf3newJTextField();DimensiondmnewDimension(350,30);jtf3.setPreferredSize(dm);loginWindow.add(jtf3);//标签显示验证码JLabelSMSVerificationCodenewJLabel(验证码);loginWindow.add(SMSVerificationCode);//验证码输入框JTextFieldjtf4newJTextField();DimensionemnewDimension(180,30);jtf4.setPreferredSize(em);loginWindow.add(jtf4);获取验证码/注册/忘记密码/其他问题按钮示例代码//获取验证码按钮JButtonjbt2newJButton(获取验证码);loginWindow.add(jbt2);//注册按钮JButtonjbt3newJButton(注册);loginWindow.add(jbt3);//忘记密码 其他问题按钮JButtonjbt4newJButton(忘记密码);JButtonjbt5newJButton(其他问题);loginWindow.add(jbt4);loginWindow.add(jbt5);显示组件这可以说是最至关重要的一个组件了如果没有它以上打出的所有代码将不能显示甚至连窗体都弹不出来。它的参数使用了布尔型必需填true才可能将以上代码显示出来。loginWindow.setVisible(true);成果因为采用流体化布局内容为居中展示要注意图片文本框的大小以避免布局混乱的情况出现。总结以上便是笔者关于图形化编程之初步实现登录注册界面的详细步骤。通过此次实践多次运行查看效果对不同类不同方法的作用有了一定了解初步掌握关于图形化编程的方法。同时在实际中考虑到不同Java函数与个人想法碰撞时会出现不同的新问题通过多运行多尝试不断思考结合常识解决了此次实现步骤的大大小小的问题并延申出不同解决方法不断提升解决问题的能力。