Java~GUI(图形用户界面一)AWT概述、布局管理器(流式布局、边界布局、网格布局、精确布局),实现计算器用户界面

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);
    }

}

运行结果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Shangxingya/article/details/105920282