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体系中还有很多值得学习的地方,需要我们在编程的过程中不断练习研究。
   

你可能感兴趣的:(qq)