界面開發

如何開發一個界面？實作一個很簡單的登錄界面？
大概有以下幾個部分：

界面監聽模型 --- 界面機制 回應機制 -- 最底層的代碼如何實作 

首先我們要了解
界面的組成:

	     表單 輸入框  復選框   單選框  按鈕 文字 圖片 

可視化類：

	     容器：表單  -頂級容器  
	     組件：輸入框  復選框   單選框  按鈕...

元素類：

         布局: 邊框布局 流式布局....
	     顏色  尺寸 字體 ....

界面開發工具源代碼包：

		java.awt	早期 		保留使用元素類 
		javax.swing 升級之后的  可視化類 圖片類

代碼的實作

創建一個視窗

	public class Pagefornet {
			javax.swing.JFrame jf=new javax.swing.JFrame();//設定界面，注意：屬性只能宣告- 不能做呼叫
			// 顯示界面
				public void function() {
				jf.setTitle("MyLogin");
				jf.setSize(500,700);// 寬高 單位： 像素 
				jf.setVisible(true);// 可視化  將表單物件顯示在螢屏上 ,其實只有true or false兩種
	}
	}

這里使用源代碼包中的類 需要指明包路徑，運用了JFrame這個類創建了一個表單，包的路徑是javax.swing

設定好布局：

 	// 布局 流式布局-- 總結布局的規則 ,申明
 java.awt.FlowLayout  fl = new java.awt.FlowLayout();

執行：jf.setLayout(fl);// 設定流式布局 

加載各種按鈕：

//按鈕
 javax.swing.JButton btn = new javax.swing.JButton("登錄");
 // 輸入框 ,JTextField可視化，JPasswordFiled不可視化
 javax.swing.JTextField  namein=new 	javax.swing.JTextField();
 javax.swing.JPasswordField  pwdin=new 	javax.swing.JPasswordField();
 // 文字-- 標簽
 javax.swing.JLabel namejla = new javax.swing.JLabel("賬號：");
 javax.swing.JLabel pwdjla = new javax.swing.JLabel("密碼：");

小甜點，加入一個復選框：

//設定復選框     javax.swing.JCheckBox
 javax.swing.JCheckBox moreselect=new javax.swing.JCheckBox("remember code");
 

小甜點2，加入一張圖片：

//添加任意圖片到界面上，找到圖片位置和名字，要用\\分隔開，存到一個標簽中
	javax.swing.ImageIcon photo=new javax.swing.ImageIcon("C:\\Users\\joanna\\Desktop\\平面設計作品\\logo楚靈.png");

具體代碼實作效果

所有代碼演示如下：

package com.jzze1215;
public class Pagefornet {
    //設定界面，屬性    只能宣告- 不能做呼叫
	javax.swing.JFrame jf=new javax.swing.JFrame();
	//設定按鈕1
    javax.swing.JButton btn=new javax.swing.JButton("LOGIN");
    //設定按鈕2
    javax.swing.JButton btn2=new javax.swing.JButton("New comer please click here");
    
    //設定輸入框
    javax.swing.JTextField namein=new javax.swing.JTextField();
    javax.swing.JPasswordField psw=new javax.swing.JPasswordField();
    // 布局 流式布局-- 總結布局的規則 
    java.awt.FlowLayout fl=new java.awt.FlowLayout();
    
 // 文字-- 標簽  JLabel叫標簽組件，存在于javax.swing這個庫中
    javax.swing.JLabel namejla = new javax.swing.JLabel("賬號：");
	javax.swing.JLabel pswjla = new javax.swing.JLabel("密碼：");
	
	//設定復選框     javax.swing.JCheckBox
	javax.swing.JCheckBox moreselect=new javax.swing.JCheckBox("remember code");
	
	//添加任意圖片到界面上，找到圖片位置和名字，要用\\分隔開，存到一個標簽中
	javax.swing.ImageIcon photo=new javax.swing.ImageIcon("C:\\Users\\joanna\\Desktop\\平面設計作品\\logo楚靈.png");
	javax.swing.JLabel photojla = new javax.swing.JLabel(photo);
	//改變圖片的大小,使用畫圖工具，改變圖片大小，選擇保持橫縱比即可
	//Dimension dx1=new Dimension(400,300);	
	javax.swing.ImageIcon picture=new javax.swing.ImageIcon("C:\\Users\\joanna\\Desktop\\平面設計作品\\夜貓.png");	
	javax.swing.JLabel picturejla=new javax.swing.JLabel(picture);
	//picturejla.setPreferredSize(dx1);
	
	// 顯示界面
	public void function()
    {
    	jf.setTitle("MY First Login Page");//整個頁面的名字
    	jf.setSize(500,700);//寬高 單位： 像素 
    	jf.setDefaultCloseOperation(javax.swing.JFrame.EXIT_ON_CLOSE);//點擊關閉時退出行程
    	jf.setLayout(fl);// 設定流式布局    	
    	//設定輸入框的大小，dim為自己取的名字
    	java.awt.Dimension dim = new java.awt.Dimension(405,35);// 尺寸  	
    	namein.setPreferredSize(dim);
    	psw.setPreferredSize(dim);
    	//添加功能，從上到下依次添加
    	jf.add(photojla);
    	jf.add(namejla);
    	jf.add(namein);
    	jf.add(pswjla);
    	jf.add(psw);
    	jf.add(btn);
    	jf.add(moreselect);
    	jf.add(btn2);
    	jf.add(picturejla); 	
    	jf.setVisible(true);// 可視化  將表單物件顯示在螢屏上 
    }
	//程式入口 
	public static void main(String[] args)
    {
    	Pagefornet pagefornet=new Pagefornet();
    	pagefornet.function();	
    }
}

關于作者

本人為大一新生，這是我學術不精的時候照葫蘆畫瓢摸索出來的，那個logo也是我自己設計的，還望各位大佬多多包涵，這是學習Java的第三天做出來的效果，也希望各位有能力的人多多提點我呀，本人QQ討論群群號：906776338，歡迎各位加群討論，互相幫助，共同進步呢~