GUI即图形用户界面,就是应用程序提供给用户操作的图形界面,包括窗口、菜单、按钮、工具栏和其他各种图形界面元素。
Java对GUI提供了丰富类库,分别位于java.awt和javax.swing包中,其中AWT不可跨平台,而Swing可以跨平台。
AWT概述:
AWT是用于创建图形用户界面的一个工具包,它提供了一系列用于实现图形界面的组件,如窗口、按钮、文本框、对话框等。在JDK中针对每个组件都提供了对应的Java类,这些类都位于java.awt包中,接下来通过一个图例来描述这些类的继承关系,如图所示。
在AWT中组件分为两大类,这两类的基类分别是Component和MenuComponent。其中,MenuComponent是所有与菜单相关组件的父类,Component则是除菜单外其他AWT组件的父类。
容器Container类:
它是一种特殊的组件,可以用来容纳其他组件。Container容器又分为两种类型,分别是Window和Panel。
- Window
Window类是不依赖其他容器而独立存在的容器,它有两个子类,分别是Frame类和Dialog类。Frame类用于创建一个具有标题栏的框架窗口,作为程序的主界面,Dialog类用于创建一个对话框,实现与用户的信息交互。
- Panel
Panel也是一个容器,但是它不能单独存在,只能存在其他容器(Window或其子类)中,一个Panel对象代表了一个长方形的区域,在这个区域中可以容纳其他组件。在程序中通常会使用Panel来实现一些特殊的布局。
控件(控件有很多简单介绍几种常见):
- JTextField
文本框 - JPasswordField
密码框 - JButton
按钮 - JPanel
面板 - JLabel
标签
布局管理器:
组件不能单独存在,必须放置于容器当中,而组件在容器中的位置和尺寸是由布局管理器来决定的。
- 流式布局管理器(FlowLayout)
最简单的布局管理器,在这种布局下,==容器会将组件按照添加顺序从左向右放置。当到达容器的边界时,会自动将组件放到下一行的开始位置。==这些组件可以左对齐、居中对齐(默认方式)或右对齐的方式排列。FlowLayout对象有三个构造方法,如表所示。
参数align决定组件在每行中相对于容器边界的对齐方式,可以使用该类中提供的常量作为参数传递给构造方法,其中FlowLayout.LEFT用于表示左对齐、FlowLayout.RIGHT用于表示右对齐、FlowLayout.CENTER用于表示居中对齐。参数hgap和参数vgap分别设定组件之间的水平和垂直间隙。
- BorderLayout(边界布局管理器)
一种较为复杂的布局方式,它将容器划分为五个区域,分别是东(EAST)、南(SOUTH)、西(WEST)、北(NORTH)、中(CENTER)。组件可以被放置在这五个区域中的任意一个。
当向BorderLayout布局管理器的容器中添加组件时,需要使用add(Component comp,Object constraints)方法。其中参数comp表示要添加的组件,constraints指定将组件添加到布局中的方式和位置的对象,它是一个Object类型,在传参时可以使用BorderLayout类提供的5个常量,它们分别是EAST、SOUTH、WEST、NORTH和CENTER。
- GridLayout(网格布局管理器)
使用纵横线将容器分成n行m列大小相等的网格,每个网格中放置一个组件。添加到容器中的组件首先放置在第1行第1列(左上角)的网格中,然后在第1行的网格中从左向右依次放置其他组件,行满后,继续在下一行中从左到右放置组件。与FlowLayout不同的是,放置在GridLayout布局管理器中的组件将自动占据网格的整个区域。
表中,列出了GridLayout的三个构造方法,其中,参数rows代表行数,cols代表列数,hgap和vgap规定水平和垂直方向的间隙。
- 精确布局
当一个容器被创建后,它们都会有一个默认的布局管理器==。Window、Frame和Dialog的默认布局管理器是BorderLayout,Panel的默认布局管理器是FlowLayout==。如果不希望通过布局管理器来对容器进行布局,也可以调用容器的setLayout(null)方法,将布局管理器取消。在这种情况下,程序必须调用容器中每个组件的setSize()和setLocation()方法或者是setBounds()方法(这个方法接收四个参数,分别是左上角的x、y坐标和组件的长、宽)来为这些组件在容器中定位。
实现计算器用户界面:
PS:特别要注意在构造方法内设置这些条件
import java.awt.*;
import javax.swing.*;
public class EnterLayout extends JFrame
{
///计算器上的控件
JTextField showText;
JButton zeroBt;
JButton equalBt;
JPanel leftPanel;
JButton[] leftBts;//左边面板上的按钮数组(10个按钮对象)
JPanel centerPanel;
JButton[] centerBts;//中间面板上的按钮数组(12个按钮对象)
JPanel rightPanel;
JButton[] rightBts;//左边面板上的按钮数组(4个按钮对象)
public EnterLayout()
{
//设置大小
this.setSize(400, 450);
//设置标题
this.setTitle("计算器界面");
//将窗口的默认布局方式设置为空(很重要)
this.setLayout(null);
//设置JFrame容器的颜色
this.getContentPane().setBackground(Color.CYAN);
//放置控件
this.init();
//设置为关闭窗口就结束程序
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//设置为大小不可变
this.setResizable(false);
//设置为可见
this.setVisible(true);
}
private void init()
{
///三个单独控件的创建及摆放
showText=new JTextField();
showText.setSize(365, 50);
showText.setLocation(10, 10);
this.add(showText);
zeroBt=new JButton("0");
zeroBt.setSize(140, 52);
zeroBt.setLocation(10, 355);
this.add(zeroBt);
equalBt=new JButton("=");
equalBt.setSize(70, 108);
equalBt.setLocation(300, 298);
this.add(equalBt);
//左边面板的摆放和面板上控件的摆放
initLeftPanel();
//中间面板的摆放和面板上控件的摆放
initCenterPanel();
//右边面板的摆放和面板上控件的摆放
initRightPanel();
}
//左边面板初始化方法
private void initLeftPanel()
{
leftPanel=new JPanel();
leftPanel.setSize(140, 280);
leftPanel.setLocation(10,70);
leftPanel.setBackground(Color.CYAN);
leftPanel.setLayout(new GridLayout(5,2,5,5));
String[] leftBtNames={"MC","MR","<-","CE","7","8","4","5","1","2"};
leftBts=new JButton[10];
for(int i=0;i<leftBts.length;i++)
{
leftBts[i]=new JButton(leftBtNames[i]);
leftPanel.add(leftBts[i]);
}
this.add(leftPanel);
}
//中间面板初始化方法
private void initCenterPanel()
{
centerPanel=new JPanel();
centerPanel.setSize(140, 340);
centerPanel.setLocation(155,70);
centerPanel.setBackground(Color.CYAN);
centerPanel.setLayout(new GridLayout(6,2,5,5));
String[] centerBtNames={"MS","M+","C","+-","9","/","6","*","3","-",".","+"};
centerBts=new JButton[12];
for(int i=0;i<centerBts.length;i++)
{
centerBts[i]=new JButton(centerBtNames[i]);
centerPanel.add(centerBts[i]);
}
this.add(centerPanel);
}
//右边面板初始化方法
private void initRightPanel()
{
rightPanel=new JPanel();
rightPanel.setSize(70, 225);
rightPanel.setLocation(300,70);
rightPanel.setBackground(Color.CYAN);
rightPanel.setLayout(new GridLayout(4,1,5,5));
String[] rightBtNames={"M-","√","%","1/x"};
rightBts=new JButton[4];
for(int i=0;i<rightBts.length;i++)
{
rightBts[i]=new JButton(rightBtNames[i]);
rightPanel.add(rightBts[i]);
}
this.add(rightPanel);
}
}
运行结果: