登录界面开发(2)—仿QQ登录界面

在所有原材料(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登录界面程序显示如下图:

 

登录界面开发(2)—仿QQ登录界面


 

 

你可能感兴趣的:(qq)