用java實現以下QQ登入視窗的具體步驟。

使用工具：eclipse

一：QQ登入介面

需要用到的容器元件：
頂級容器JFrame
標籤元件JLable
輸入框元件JTextField
密碼輸入框JPasswordField
按鈕JButton

以下程式碼可連同註釋複製到eclipse中執行，需要先建立同名包和類

package jiemian;

import java.awt.Dimension;
import java.awt.FlowLayout;

import javax.swing.ImageIcon;
import
 
 javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPasswordField;
import javax.swing.JTextField;

//1.建立名為Login的類，在該類中建立一個名為InitUI的方法，圖形介面就在此方法中實現
public class Login {

    public static void main(String[] args) {
        Login log=new Login();
        log.InitUI();
    }
public
 
 void InitUI()
{
//1.1建立一個頂級容器，也就是空白視窗，併為此視窗設定屬性（視窗名稱，大小，顯示位置，關閉設定）

// 用JFrame建立一個名為frame的頂級容器，需要新增的包名為javax.swing.JFrame
JFrame frame=new JFrame();
//設定視窗名稱
frame.setTitle("Login");
//設定視窗大小
frame.setSize(540,427);
//設定視窗位於螢幕中央
frame.setLocationRelativeTo(null);
//引數為3時，表示關閉視窗則程式退出
frame.setDefaultCloseOperation(3
 
);

//1.2設定窗體上元件的佈局，此處使用流式佈局FlowLayout，流式佈局類似於word的佈局
//用FlowLayout建立一個名為f1的物件,需要新增的包名為java.awt.FlowLayout，其中LEFT表示左對齊，CENTER表示居中對齊，RIGHT表示右對齊
FlowLayout f1=new FlowLayout(FlowLayout.LEFT);
//frame視窗設定為f1的流式左對齊
frame.setLayout(f1);

//1.3在窗體上新增圖片，文字

//在新增圖片之前，先把圖片從磁碟中載入到記憶體中來，使用ImageIcon，需要新增的包名為javax.swing.ImageIcon,括號中為圖片路徑，路徑中要使用”/”,不能使用”\”
ImageIcon imag1=new ImageIcon("H:/1.png");
//JLabel可在頂級容器中新增圖片文字，需要新增的包名javax.swing.JLabel,此處將上面載入的圖片建立為一個JLabel物件
JLabel pic1=new JLabel(imag1);
//將建立的圖片物件新增到 視窗上
frame.add(pic1);


//建立一個空的JLabel，它的長度寬度為110,30，因為視窗是流式左對齊，為了將”賬號”一欄新增在正中間，所以左側由空的JLabel填充
JLabel name1=new JLabel();
//設定空JLabel長度大小，此處不能使用setSize設定大小，setSize只能設定頂級容器大小，此處用setPreferredSize，Dimension給出大小，需要新增的包名為java.awt.Dimension.
name1.setPreferredSize(new Dimension(110,30));
//將空JLabel新增入視窗
frame.add(name1);

//同上，此處新增的不是空JLabel，而是內容為“賬號”的JLabel
JLabel name=new JLabel("賬號：");
frame.add(name);

//JTextField在視窗上新增一個可輸入可見文字的文字框，需要新增的包名為javax.swing.JTextField.
JTextField nametext=new JTextField();
//設定文字框大小
nametext.setPreferredSize(new Dimension(220, 30));
//新增到視窗上
frame.add(nametext);

//同name1
JLabel name2=new JLabel();
name2.setPreferredSize(new Dimension(110,30));
frame.add(name2);

//同name1
JLabel name3=new JLabel();
name3.setPreferredSize(new Dimension(110,30));
frame.add(name3);

//同name
JLabel password=new JLabel("密碼：");
frame.add(password);

//JPasswordField建立一個密碼文字框，裡面輸入的文字是不可見的，其他同nametext
JPasswordField passwordtext=new JPasswordField();
passwordtext.setPreferredSize(new Dimension(220, 30));
frame.add(passwordtext);

//同name1
JLabel name4=new JLabel();
name4.setPreferredSize(new Dimension(110,30));
frame.add(name4);

//同name1
JLabel name5=new JLabel();
name5.setPreferredSize(new Dimension(220,30));
frame.add(name5);

//JButton建立一個可點選的按鈕，按鈕上可顯示文字圖片
JButton bu=new JButton("登入");
bu.setPreferredSize(new Dimension(80,30));
frame.add(bu);

//設定視窗可見，此句一定要在視窗屬性設定好了之後才能新增，不然無法正常顯示
frame.setVisible(true);
}
}