在所有原材料(java中提供的类)都准备好的基础上,这就要求我们能够利用这些材料来开发仿QQ登录界面。为此,我们有以下步骤:
一、先要有一个QQ界面,也即是创建一个容器。
JFrame jf=new JFrame(QQ2011);
对窗体进行设置,如设置窗体的大小、窗体不可最大化、窗体居中显示、给设置窗体的背景颜色等。如:
设置窗体的大小,jf.setSize(340, 250);
窗体不可最大化,jf.setResizable(false);
窗体居中显示,jf.setLocationRelativeTo(null);
设置窗体的背景颜色,jf.getContentPane().setBackground(new Color(228, 244, 255));
二、在QQ界面上添加相应的元件。
在添加元件的时候,我们先要确定其布局,为了方便起见,我设置的布局为流水式布局(FlowLayout)。为了更好控制相应的元器件,我把界面用两个JPanel来添加元件。
1)先建立第一个JPanel并确定其布局方式,JPanel jp1 = new JPanel(fl);然后对jp1进行相应的设置,如大小等,再在jp1上添加对应的元件,如设置帐号标签和帐号输入框
JLabel lblName = new JLabel("帐号:");
txtName = new JTextField(15);
把帐号标签和帐号输入框放在jp1上
jp1.add(lblName);
jp1.add(txtName);
创建一个下拉框,也放在jp1上
JComboBox jb1 = new JComboBox();
jp1.add(jb1);
创建一个“注册新帐号”标签
JLabel lblnew = new JLabel("注册新帐号");
jp1.add(lblnew);
同理,创建一个密码标签和密码输入框
JLabel lblPwd = new JLabel("密码:");
txtPwd = new JPasswordField(15);
jp1.add(lblPwd);
jp1.add(txtPwd);
创建一个“找回密码”标签
JLabel lblfindpwd = new JLabel("找回密码 ");
jp1.add(lblfindpwd);
创建一个“状态”的标签
JLabel lblstate = new JLabel("状态");
jp1.add(lblstate);
创建一个下拉框
JComboBox jb2 = new JComboBox();
jp1.add(jb2);
创建一个记住密码复选框
JCheckBox jcb1 = new JCheckBox("记住密码");
jp1.add(jcb1);
创建一个自动登录复选框
JCheckBox jcb2 = new JCheckBox("自动登录");
jp1.add(jcb2);
2)创建第二个面板类
JPanel jp2 = new JPanel();
在第二个面板中添加两个按钮即可
一个是设置按钮,另一个是登录按钮
JButton setting = new JButton("设置");
jp2.add(setting);
JButton btnLogin = new JButton("登录");
jp2.add(btnLogin);
其实,在第二个面板中,我们不设定它的布局方式,就是为了可以像QQ登录界面那样,设置两个按钮的位置,读者可以自己尝试去设定两个按钮的位置,就可以达到跟QQ登录界面一样的效果。
3)在窗体jf中添加两个面板jp1和jp2
jf.add(jp1);
jf.add(jp2,);
最后让窗体可见就ok了
jf.setVisible(true);
三、为了使登录界面更好看,我们还可以插入图片,帮助达到美化的效果。
这样也就完成了QQ登录界面的初步设置,只是很多功能都没有添加而已。读者也可以去查找相应的书籍,完成相应的功能。
我编写的QQ登录界面程序显示如下图: