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);//释放当前窗口		
	}	
}