qq登陆界面开发

今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下：

public class First {
    
    public void initul(){
   
    jf=new javax.swing.JFrame();    //创建窗体
    jf.setSize(320,320);
    jf.setTitle("QQ登陆");
    jf.setDefaultCloseOperation(javax.swing.JFrame.EXIT_ON_CLOSE);  //关闭窗体
    jf.setLocationRelativeTo(null);           //窗体居中显示
    northPanel();
    southPanel();
    westPanel();
    centerPanel();
   
    //设置窗体可见
    jf.setVisible(true);
   
    }

 

接下来给窗体加上组件：

JFrame是属于容器类组件，使用add方法，就能添加组件，为了方便管理布局，给窗体添加面板后，在面板上添加组件。

 

//北边的面板

public void northPanel(){
        //面板对象默认是流式布局
        javax.swing.JPanel northPanel=new javax.swing.JPanel();
        northPanel.setBackground(Color.BLACK);
        northPanel.setPreferredSize(new java.awt.Dimension(0,130));
        jf.add(northPanel,BorderLayout.NORTH);
        //图片
        javax.swing.ImageIcon im=new javax.swing.ImageIcon("image/qq图片.PNG");
        //标签
        javax.swing.JLabel jl=new javax.swing.JLabel(im);

       //添加面板
        northPanel.add(jl);
    }
   
   
    //南边面板
    public void southPanel(){
        javax.swing.JPanel southPanel=new javax.swing.JPanel();
        southPanel.setBackground(Color.white);
        southPanel.setPreferredSize(new java.awt.Dimension(0,50));
        jf.add(southPanel,BorderLayout.SOUTH);
       
       //添加按钮
        javax.swing.JButton jbu=new javax.swing.JButton("登陆");
        jbu.setPreferredSize(new java.awt.Dimension(60,35));     //设置组件大小方法（除了JFrame）
        //设置监听器
//        ButtonListener b=new ButtonListener();
  //        jbu.addActionListener(b);
       
         
         southPanel.add(jbu);
    }
   
    public void westPanel(){
    javax.swing.JPanel westPanel=new javax.swing.JPanel();
    westPanel.setBackground(Color.white);
    westPanel.setPreferredSize(new java.awt.Dimension(80,0));

     //图片
    javax.swing.ImageIcon ima=new javax.swing.ImageIcon("image/qq头像.PNG");
   //标签
    javax.swing.JLabel jla=new javax.swing.JLabel(ima);
    westPanel.add(jla);
   
    jf.add(westPanel,BorderLayout.WEST);
    }
   
    public void centerPanel(){
        javax.swing.JPanel centerPanel=new javax.swing.JPanel();
        centerPanel.setBackground(Color.WHITE);
        centerPanel.setPreferredSize(new java.awt.Dimension(0,0));              
        jf.add(centerPanel,BorderLayout.CENTER);
        //文本框
  //      javax.swing.JTextField jt=new JTextField(12);
        centerPanel.add(jt);
   
        //标签对象
        javax.swing.JLabel jla=new javax.swing.JLabel("注册账号");
        centerPanel.add(jla);
       
  //      javax.swing.JTextField jte=new JTextField(12);
        centerPanel.add(jte);
 
        javax.swing.JLabel jlab=new javax.swing.JLabel("找回密码");
        centerPanel.add(jlab);
        //复选框
         javax.swing.JCheckBox jch=new javax.swing.JCheckBox("记住密码");
         centerPanel.add(jch);
         javax.swing.JCheckBox jc=new javax.swing.JCheckBox("自动登录");
         centerPanel.add(jc);
         //传文本框对象用于判断输入
    }

再在类中写上主函数qq登陆界面就完成了！

完成这样的小项目并不困难，重点是要熟悉Swing体系内的组件使用以及函数调用。制作一个界面，在大体上的布局有思路之后，在细节上完善即可。通过这个练习，可以熟悉代码结构，函数调用，是尽快掌握编程思想以及java入门的好项目。当然，这里只是讲了一个大概，具体细节，以及Swing体系中还有很多值得学习的地方，需要我们在编程的过程中不断练习研究。