Day 2 界面

界面内的概念

容器

窗体 JFrame （可设置标题 尺寸 可视化 调节尺寸 ）

组件

• 标签 JLable
• 标签 - 图片 Imagelcon
• 标签 - 文字 String
• 账号输入框 JTextField
• 输入密码框 JPasswordField
• 复选框 JChecBox
• 按钮 JButton

元素

• 尺寸 Dimension
• 颜色 Color

布局

流式布局 FlowLayout

开发包

• java.awt 包括：尺寸，颜色，布局等
• javax.swing 包括：容器，组件等

操作过程中可用到

• 关闭进程
  窗体名.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
• 居中显示
  窗体名.setLocationRelativeTo(null)
• 可否调节窗体尺寸
  窗体名.setResizable(false)
• 设置输入框（按钮）的尺寸
  框名（按钮名）.setPreferredSize(尺寸名)
• 将添加组件添加至窗体
  窗体名.add（组件名）
• 设置组件的颜色
  组件名.setBackground(Color.颜色名)
• 可视化（放在最后）
  窗体名.setVisible(true)

操作

先建立方法，在方法里创建窗体，设置流式布局，设置窗体标题、尺寸，设置窗体尺寸是否可调节，然后添加需要的组件，创建标签，创建图片，创建输入框，创建复选框等等，再逐一添加进去，并可适当设置组件的尺寸，颜色等，再设置窗体可关闭，居中显示等，在该方法最后令窗体可视化，然后，建立主函数，在主函数内调用该方法，即可运行该程序。

代码如下

public class reUI {

	public void showUI(){
	JFrame jf = new JFrame();
	
	FlowLayout fl = new FlowLayout();
	jf.setLayout(fl);
	
	jf.setTitle("QQ");
	jf.setSize(410,420);
	jf.setResizable(false);
	
	ImageIcon t1 = new ImageIcon("C:\\Users\\13437\\Pictures\\Camera Roll\\小黑红心.jpg");
	JLabel t2 =new JLabel(t1);
	
	
	JLabel x1 = new JLabel("账号");
	JTextField x2 = new JTextField();
	JLabel x3 = new JLabel("密码");
	JPasswordField x4 = new JPasswordField();
	JButton bt1 = new JButton("登录");
	
	Dimension dim1 = new Dimension(340,30);
	Dimension dim2 = new Dimension(350,40); 
	x2.setPreferredSize(dim1);
	x4.setPreferredSize(dim1);
	bt1.setPreferredSize(dim2);
	bt1.setBackground(Color.GREEN);
	JCheckBox y1 = new JCheckBox("记住密码 ");
	JCheckBox y2 = new JCheckBox("自动登录");
	JLabel x5 = new JLabel("   忘记密码");
		
	jf.add(t2);
	jf.add(x1);
	jf.add(x2);
	jf.add(x3);
	jf.add(x4);	
	jf.add(y1);
	jf.add(y2);
	jf.add(x5);
	jf.add(bt1);
	jf.setDefaultCloseOperation(3);
	jf.setLocationRelativeTo(null);	
					
	jf.setVisible(true);
	
	}
	       
	public static void main(String args[]){
		reUI tf = new reUI();
		tf.showUI();	
						
	}
		
}

输出结果