一、前言

啊，前面写的太草率了，我也是本学期才接触Java，自己也没有很理解，有点突兀，我会每过几天综合学到的东西做出完善。

Java在前面的篇章里学的都是键盘输入，控制台显示结果，就很单调，我还经常纳闷是敲的啥代码，就能把图片敲出来，也没地方插入图片，又不是VB直接塞进去（原非计算机专业，当时有门课是VB）。现在接触到了图形用户界面（GUI），哦，原来是可以的，感觉就很神奇。

二、简单了解

1.Swing简介

我了解到的一些是，Java下面最开始只有一个 AWT包负责基本GUI程序设计，后来又研究出来了一个Swing包，但不是替代，是基于AWT架构之上，提供了更厉害的用户界面组件。好像Eclipse集成开发环境还有一种SWT的包，我暂时还没用到，后面碰到了再补充。

2.框架(frame)

在Java中，顶层窗口被称为框架，顶层窗口就是没有包括在其他窗口中的窗口，覆盖其他窗口，但却没有其他窗口能够挡住它。
在AWT中用Frame来描述顶层窗口，在Swing中用JFrame来描述顶层窗口，包含若干个改变框架外观的方法，同时通过继承JFrame，又获得了JFrame的各个超类（比如Window类）的许多用于处理框架的大小和位置的方法。绝大多数Swing组件类都以"J"开头，如果忘记了J（如Frame,Button等属于AWT组件类），可能也会正常编译和运行，但是混在一起使用将会导致视觉和行为的不一致。

• JFrame() 创建一个无标题的窗口
• JFrame(String s) 创建一个标题为 s 的窗口
• public void setTitle(String s)用于改变标题栏的名字

我试过以上这两种都可以给框架加名字

• public void setBounds(int a,int b,int width,int height)设置窗口的初始位置是(a,b),即距离屏幕最左方a个像素，距离屏幕最上方b个像素，窗口的宽是 width，窗口的高是 height。

• public void setSize(int width,int height)设置窗口的大小。

• public void setLocation(int x,int y)设置窗口的显示位置，默认位置为(0,0)。

setBounds(x, y, width, height)和setSize(width,height);setLocation(x, y);是等价的

这里指的是JFrame这种顶层组件，x,y相对的是屏幕的坐标，如果这个组件不是顶层组件，那么 x,y相对的是容器的坐标。

• public void setBackground(color.red)设置窗体背景颜色为红色
• public void setVisible(true/false)设置窗口是否可见，显示或隐藏窗口，默认是不可见的。
• public void setResizable(true/false)设置窗口是否可以调整大小，默认可调整。
• public void dispose()撤销当前窗口，并释放当前窗口所使用的资源。
• public void setExtendedState(int state)设置窗口的扩展状态，其中参数state取JFrame类中的下列类常量：
  MAXIMIZED_HORIZ (水平方向最大化)
  MAXIMIZED_VERT (垂直方向最大化)
  MAXIMIZED_BOTH (水平、垂直方向都最大化)
• public void setDefaultCloseOperation(int operation)该方法用来设置单机窗口右上角的关闭图标后，程序会做出怎样的处理，特别是在多个框架时。其中的参数operation取JFrame类中的下列int型static常量，程序根据参数operation取值做出不同的处理：
  DO_NOTHING_ON_CLOSE （什么也不做，当你点击关闭的时候）
  HIDE_ON_CLOSE（隐藏当前窗口，当你点击关闭的时候）
  DISPOSE_ON_CLOSE（隐藏当前窗口，并释放窗体占有的其他资源，当你点击关闭的时候）
  EXIT_ON_CLOSE（结束窗口所在的应用程序，即窗口退出，程序退出，当你点击关闭的时候）

3.层次

有没有大佬推荐一下画图的东西…

三、步骤

1.打开eclipse,依次创建项目，包，类。

2.代码

2.1最简单的可见框架

import javax.swing.JFrame;

public class Test{
	public static void main (String[] args) {
		JFrame window = new JFrame();//创建一个叫无名窗口
		window.setBounds(222,333,333,222);//设置窗口在屏幕上的位置和大小。距离屏幕左侧123个像素，上方345个像素，窗口宽666，高520
		window.setVisible(true);//设置窗口可见
		window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//退出程序		
	}
}

2.2稍微上个色

import java.awt.Color;
import java.awt.Container;

import javax.swing.JFrame;
/*
以上也可以写成
import java.awt.*;
import javax.swing.*;
*/
public class Test{
	public static void main (String[] args) {
		JFrame window1 = new JFrame("堵小配的窗口");//创建一个叫“堵小配的窗口”的窗口
		JFrame window2 = new JFrame("韩小冷的窗口");
		Container con = window1.getContentPane();
		con.setBackground(Color.yellow);//设置窗口的背景色	
		window1.setBounds(123,345,666,520);//设置窗口在屏幕上的位置和大小。距离屏幕左侧123个像素，上方345个像素，窗口宽666，高520
		window2.setBounds(888,345,456,521);
		window1.setVisible(true);//设置窗口可见
		window1.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);//释放当前窗口
		window2.setVisible(true);
		window2.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//退出程序
		
	}
	
}

//必须是在窗口的内容面板上上色，无法直接上色
window1.setBackground(Color.yellow);
//也可以自己配色
color c = new Color(200,100,120);
con.setBackground(c);
//可以自己尝试分别关闭两个窗口，观察效果是否相同
window1.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
window2.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

JAVA如何设计窗口界面GUI

程序文件数及位置如下：

以下为Title_1类的代码：

package Title;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import java.applet.AudioClip; 
import java.io.*; 
import java.applet.Applet;
import java.awt.Color;
import java.awt.Font;
import java.net.URI;
import java.net.URL;
public class Title_1 extends JFrame {
  public Title_1() {
  super("————起源————"); //设置标题
  
  setSize(816, 624); //设置大小,
  
  setLocation(550, 200); //设置位置
  
  setResizable(false); //窗体大小固定
  String path = "src/Title/title_photo.png"; //背景图片的路径。（相对路径或者绝对路径。本例图片放于"java项目名"的文件下）
  
  ImageIcon background = new ImageIcon(path); // 背景图片
  
  JLabel label = new JLabel(background); // 把背景图片显示在一个标签里面
  
  label.setBounds(0, 0, this.getWidth(), this.getHeight()); // 把标签的大小位置设置为图片刚好填充整个面板
  
  JPanel imagePanel = (JPanel) this.getContentPane(); // 把内容窗格转化为JPanel，否则不能用方法setOpaque()来使内容窗格透明
  
  imagePanel.setOpaque(false);
  this.getLayeredPane().add(label, new Integer(Integer.MIN_VALUE)); // 把背景图片添加到分层窗格的最底层作为背景
    
  File title_music;
  URI uri_t1;
  URL url_t1;
     try{
           title_music = new File("src/Title/title_music.wav"); //将背景音乐放入缓冲区
           uri_t1 = title_music.toURI();
           url_t1 = uri_t1.toURL(); //解析地址
           AudioClip aau; 
           aau = Applet.newAudioClip(url_t1);
           aau.loop(); //循环播放
         }
         catch (Exception e)
         {
             e.printStackTrace();
         } 
  setLayout(null); //清空布局
  JButton b1=new JButton("-新游戏-"); //设置按钮名字
  b1.setFont(new Font("黑体", Font.PLAIN,25)); //设置按钮中的字体属性
  b1.setBounds(320,250,170,70); //设置按钮位置，及按钮大小
  b1.setContentAreaFilled(false); //设置按钮透明
  b1.setForeground(Color.WHITE); //设置前景色
  add(b1);
        
  JButton b2=new JButton("-设置-");
  b2.setFont(new Font("黑体", Font.PLAIN,25));
  b2.setBounds(320,320,170,70);
  b2.setContentAreaFilled(false); 
  b2.setForeground(Color.WHITE); 
  add(b2);
        
  JButton b3=new JButton("-结束-");
  b3.setFont(new Font("黑体", Font.PLAIN,25));
  b3.setBounds(320,390,170,70);
  b3.setContentAreaFilled(false);
  b3.setForeground(Color.WHITE);
  add(b3);
  
  setVisible(true); //刷新并设置可见
  setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //点关闭按钮时退出
 }
}

其中String path = "src/Title/title_photo.png"以及title_music = new File(“src/Title/title_music.wav”)，我是放在src文件夹的title包的相对路径下，可以随意更改。setLayout(null)为清空按钮的布局，用以后边的按钮位置设置。setVisible(true)必须放在界面代码设置的后面，不然会出现刷新延后的现象（比如：必须要把鼠标放到窗口按钮内并点击后，才会出现按钮框）。

以下为Title_main类的代码：

package Title;
public class Title_main {
 public static void main(String[] args) {
  Title_1 a=new Title_1();
 }
}

即为简单的调用运行类。

运行结果：（结果随你放置的图片及音乐文件而改变）

一、准备

1.这里介绍的是eclipse

2.常用组件的了解

• JTextField(文本框)
  允许用户在文本框中输入单行文本。
• JTextArea (文本区)
  允许用户在文本区中输入多行文本。
• JButton (按钮)
  允许用户单击按钮。
• JLabel (标签)
  标签为用户提供提示信息。
• JCheckBox (复选框)
  为用户提供多项选择。复选框的右面有个名字，并提供两种状态，一种是选中，另一种是未选中，用户通过单击该组件切换状态。
• JRadioButton (单选按钮)
  为用户提供单项选择。
• JComboBox (下拉列表)
  为用户提供单项选择。用户可以在下拉列表中看到第一个选项 和它旁边的箭头按钮，当用户单击箭头按钮时，选项列表打开。
• JPasswordField ( 密码框)
  允许用户在密码框中输入单行密码，密码框的默认回显字符是’*’。密码框可以使用SetEchoChar(char c)重新设置回显字符，当用户输入密码时，密码框只显示回显字符。密码框调用char[] getPassword0方法可以返回用户在密码框中输入的密码。

3.常用布局

1.BorderLayout 布局

把容器空间简单的分为东、南、西、北、中五个区域，中间区域最大。每加入一个组件都要指明加在哪个区域，区域由静态常量CENTER,NORTH,SOUTH,WEST,EAST表示。每个区域只能放置一个组件，否则会被后者替换掉。如果容器的大小发生变化，其变化规律为:组件的相对位置不变，大小发生变化。最多添加5个组件，如果容器需要超过5个的组件，就必须使用嵌套或改用其他的布局。不一定所有的区域都有组件，如果四周区域（West、East、North、South区域）没有组件，则由Center区域去补充，但是如果 Center区域没有组件，则保持空白。

con.add(button,BorderLayout.NORTH);//把一个组件button添加到容器con的北区域

2.FlowLayout 布局

该构造方法可以创建一一个居中对齐的布局对象。使用FIowl ayout布局的容器使用add方法将组件顺序地添加到容器中，组件按照加入的先后顺序从左向右排列，一行排满之后就转到下一行继续从左至右排列，每一行中的组件都居中排列，组件之间的默认水平和垂直间隙是5个像素。组件的大小为默认的最佳大小，例如，按钮的大小刚好能保证显示其上面的名字。对于添加到使用FlowLayout布局的容器中的组件，组件调用setSize(int x,int y )设置的大小无效，如果需要改变最佳大小，组件需调用public void setPreferredSize(DimensionpreferredSize)设置大小，例如:

button.setPreferredSize(new Dimension(66,88))

举个栗子

/*
下面五行可以简写为
import java.awt.*;
import javax.swing.*;
*/
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;

import javax.swing.JButton;
import javax.swing.JFrame;

public class Test extends JFrame{
	JButton button1 = new JButton("投喂乐事");//创建一个叫“投喂乐事”的按钮组件
	JButton button2 = new JButton("投喂奶茶");
	JButton button3 = new JButton("投喂雪顶");
	public Test() {		
		setBounds(123,345,333,222);//设置窗口在屏幕上的位置和大小。距离屏幕左侧60个像素，上方100个像素，窗口宽188，高108	
		setLayout(new FlowLayout(FlowLayout.LEFT));//设置FlowLayout 布局（左对齐）	
		getContentPane().add(button1);//把按钮添加到窗口中,或者add(button1);
		getContentPane().add(button2);
		getContentPane().add(button3);
		
	}	
		public static void main (String[] args) {			
			Test window = new Test();
			window.setTitle("堵小配的窝");//创建一个叫“堵小配的窝”的窗口	
			Container con = window.getContentPane();
			con.setBackground(Color.yellow);//设置窗口的背景色
			window.setBounds(123,345,333,222);//设置窗口在屏幕上的位置和大小。距离屏幕左侧60个像素，上方100个像素，窗口宽188，高108
			window.setVisible(true);//窗口设置为可见
			window.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);//释放当前窗口					
		}
}

当我们改变容器大小时，组件的位置也会发生相对变化

二、代码

1.简单的

import java.awt.*;
import javax.swing.*;

public class Test{
	public static void main (String[] args) {
		JFrame window = new JFrame("堵小配的窝");//创建一个叫“堵小配的窝”的窗口
		JButton button1 = new JButton("投喂乐事");//创建一个叫“投喂乐事”的按钮组件
		JButton button2 = new JButton("投喂奶茶");
		JButton button3 = new JButton("投喂雪顶");
		Container con = window.getContentPane();
		con.setBackground(Color.yellow);//设置窗口的背景色
		window.setBounds(123,345,333,222);//设置窗口在屏幕上的位置和大小。距离屏幕左侧60个像素，上方100个像素，窗口宽188，高108		
		window.add(button1,BorderLayout.NORTH);//把杯子放在桌子上
		window.add(button2,BorderLayout.CENTER);//把杯子放在桌子上
		window.add(button3,BorderLayout.SOUTH);//把杯子放在桌子上	
		window.setVisible(true);//窗口设置为可见
		window.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);//释放当前窗口		
	}	
} 

借用一位老师的比喻，通常情况下水不会直接放在桌子上，先装在一个杯子里，再把杯子放在桌子上。接下来我们造一个中间容器杯子。

2.构造中间容器，顺便设置容器和按钮为透明的进阶

import java.awt.*;
import javax.swing.*;

public class Test{
	public static void main (String[] args) {
		JFrame window = new JFrame("堵小配的窝");//创建一个叫“堵小配的窝”的窗口
		JButton button1 = new JButton("投喂乐事");//创建一个叫“投喂乐事”的按钮组件
		JButton button2 = new JButton("投喂奶茶");
		JButton button3 = new JButton("投喂雪顶");
		Container con = window.getContentPane();
		con.setBackground(Color.yellow);//设置窗口的背景色
		window.setBounds(123,345,333,222);//设置窗口在屏幕上的位置和大小。距离屏幕左侧60个像素，上方100个像素，窗口宽188，高108
		JPanel beizi = new JPanel();//造一个杯子出来
		beizi.add(button1);//把水（按钮）挪到杯子里来
		beizi.add(button2);//把水（按钮）挪到杯子里来
		beizi.add(button3);//把水（按钮）挪到杯子里来
		window.add(beizi);//把杯子放在桌子上
		//1.设置杯子透明
		beizi.setOpaque(false);	
		//2.设置按钮透明
		button1.setContentAreaFilled(false);
		button2.setContentAreaFilled(false);
		button3.setContentAreaFilled(false);	
		//3.取消按钮边框
		button1.setBorder(null);
		button2.setBorder(null);
		button3.setBorder(null);
		window.setVisible(true);//窗口设置为可见
		window.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);//释放当前窗口		
	}	
}