Java图形化界面编程-2-布局管理器，你不知道这份超详细JVM内存结构

2401_87395351

于 2024-09-24 01:35:28 发布

阅读量386

点赞数 5

文章标签： java jvm 开发语言

本文链接：https://blog.csdn.net/2401_87395351/article/details/142472331

版权

public class FlowLayoutDemo {

public static void main(String[] args) {

    //1.创建Frame对象

    Frame frame = new Frame("这里测试FlowLayout");

    //2.修改Frame容器的布局管理器为FlowLayout

    frame.setLayout(new FlowLayout(FlowLayout.LEFT,20,20));



    //3.往Frame中添加100个button

    for (int i = 0; i < 100; i++) {

        frame.add(new Button("按钮"+i));

    }



    //4.设置Frame为最佳大小

    frame.pack();

    //5.设置Frame可见

    frame.setVisible(true);

}

}




### []( )2.4.2 BorderLayout



BorderLayout 将容器分为 EAST 、 SOUTH 、 WEST 、 NORTH 、 CENTER五个区域，普通组件可以被放置在这 5 个区域的任意一个中 。 BorderLayout布局 管理器的布局示意图如图所示 。



![在这里插入图片描述](https://img-blog.csdnimg.cn/ac3a51c240b949d698d4fe86c50e7679.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc3RhcnJ56ZmG56a7,size_18,color_FFFFFF,t_70,g_se,x_16#pic_center)



当改变使用 BorderLayout 的容器大小时， NORTH 、 SOUTH 和 CENTER区域水平调整，而 EAST 、 WEST 和 CENTER 区域垂直调整。使用BorderLayout 有如下两个注意点:



1.  当向使用 BorderLayout 布局管理器的容器中添加组件时 ， 需要指定要添加到哪个区域中 。 如果没有指定添加到哪个区域中，则默认添加到中间区域中；

2.  如果向同一个区域中添加多个组件时 ， 后放入的组件会覆盖先放入的组件；



| 构造方法 | 方法功能 |

| --- | --- |

| BorderLayout() | 使用默认的水平间距、垂直 间距创建 BorderLayout 布局管理器 。 |

| BorderLayout(int hgap,int vgap): | 使用指定的水平间距、垂直间距创建 BorderLayout 布局管理器。 |



**代码演示1:**



![在这里插入图片描述](https://img-blog.csdnimg.cn/a032ddd339a14b2bb2cb60ca405b0bae.jpg#pic_center)

import java.awt.*;

public class BorderLayoutDemo1 {

public static void main(String[] args) {

    //1.创建Frame对象

    Frame frame = new Frame("这里测试BorderLayout");

    //2.指定Frame对象的布局管理器为BorderLayout

    frame.setLayout(new BorderLayout(30,5));

    //3.往Frame指定东南西北中各添加一个按钮组件

    frame.add(new Button("东侧按钮"), BorderLayout.EAST);

    frame.add(new Button("西侧按钮"), BorderLayout.WEST);

    frame.add(new Button("南侧按钮"), BorderLayout.SOUTH);

    frame.add(new Button("北侧按钮"), BorderLayout.NORTH);

    frame.add(new Button("中间按钮"), BorderLayout.CENTER);

    //4.设置Frame为最佳大小

    frame.pack();

    //5.设置Frame可见

    frame.setVisible(true);

}

}




如果不往某个区域中放入组件，那么该区域不会空白出来，而是会被其他区域占用



**代码演示2:**



 ![在这里插入图片描述](https://img-blog.csdnimg.cn/03ce2267d216494c87389883e2d4006c.jpg#pic_center)

import java.awt.*;

public class BorderLayoutDemo2 {

public static void main(String[] args) {

    //1.创建Frame对象

    Frame frame = new Frame("这里测试BorderLayout");

    //2.指定Frame对象的布局管理器为BorderLayout

    frame.setLayout(new BorderLayout(30,5));

    //3.往Frame指定南，北，放入一个按钮，往中间区域放入一个Panel



    frame.add(new Button("南侧按钮"), BorderLayout.SOUTH);

    frame.add(new Button("北侧按钮"), BorderLayout.NORTH);



    Panel panel = new Panel();

    panel.add(new TextField("测试文本"));

    panel.add(new Button("中间按钮"));



    frame.add(panel, BorderLayout.CENTER);



    //4.设置Frame为最佳大小

    frame.pack();

    //5.设置Frame可见

    frame.setVisible(true);

}

}




### []( )2.4.3 GridLayout



 GridLayout 布局管理器将容器分割成纵横线分隔的网格 ， 每个网格所占的区域大小相同。当向使用 GridLayout 布局管理器的容器中添加组件时， 默认从左向右、 从上向下依次添加到每个网格中 。 与 FlowLayout不同的是，放置在 GridLayout 布局管理器中的各组件的大小由组件所处的区域决定(每 个组件将自动占满整个区域) 。



| 构造方法 | 方法功能 |

| --- | --- |

| GridLayout(int rows,in t cols) | 采用指定的行数、列数，以及默认的横向间距、纵向间距将容器 分割成多个网格 |

| GridLayout(int rows,int cols,int hgap,int vgap) | 采用指定 的行数、列 数 ，以及指定的横向间距 、 纵向间距将容器分割成多个网格。 |



**案例：**



 使用Frame+Panel，配合FlowLayout和GridLayout完成一个计算器效果。



![在这里插入图片描述](https://img-blog.csdnimg.cn/22cce7f257d0436ab12b64a467ea28ad.jpg#pic_center)



**代码：**

import java.awt.*;

public class GridLayoutDemo{

public static void main(String[] args) {



    //1.创建Frame对象，并且标题设置为计算器

    Frame frame = new Frame("计算器");



    //2.创建一个Panel对象，并且往Panel中放置一个TextField组件

    Panel p1 = new Panel();

    p1.add(new TextField(30));



    //3.把上述的Panel放入到Frame的北侧区域

    frame.add(p1,BorderLayout.NORTH);



    //4.创建一个Panel对象，并且设置其布局管理器为GridLayout

    Panel p2 = new Panel();

    p2.setLayout(new GridLayout(3,5,4,4));



    //5.往上述Panel中，放置15个按钮，内容依次是：0,1,2,3,4,5,6，7,8,9，+，-，*，/,.

    for (int i = 0; i < 10; i++) {

        p2.add(new Button(i+""));

    }

    p2.add(new Button("+"));

    p2.add(new Button("-"));

    p2.add(new Button("*"));

    p2.add(new Button("/"));

    p2.add(new Button("."));



    //6.把上述Panel添加到Frame的中间区域中国

    frame.add(p2);

    //7.设置Frame为最佳大小

    frame.pack();



    //8.设置Frame可见

    frame.setVisible(true);



}

}




### []( )2.4.4 GridBagLayout



GridBagLayout 布局管理器的功能最强大 ， 但也最复杂，与 GridLayout 布局管理器不同的是， 在GridBagLayout 布局管理器中，一个组件可以跨越一个或多个网格 ， 并可以设置各网格的大小互不相同，从而增加了布局的灵活性 。 当窗口的大小发生变化时 ， GridBagLayout 布局管理器也可以准确地控制窗口各部分的拉伸 。



![在这里插入图片描述](https://img-blog.csdnimg.cn/4eaa161a3ca94198abf44955fc4e377b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc3RhcnJ56ZmG56a7,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)



由于在GridBagLayout 布局中，每个组件可以占用多个网格，此时，我们往容器中添加组件的时候，就需要具体的控制每个组件占用多少个网格，java提供的GridBagConstaints类，与特定的组件绑定，可以完成具体大小和跨越性的设置。



**GridBagConstraints API:**



| 成员变量 | 含义 |

| --- | --- |

| gridx | 设置受该对象控制的GUI组件左上角所在网格的横向索引 |

| gridy | 设置受该对象控制的GUI组件左上角所在网格的纵向索引 |

| gridwidth | 设置受该对象控制的 GUI 组件横向跨越多少个网格,如果属性值为 GridBagContraints.REMAIND,则表明当前组件是横向最后一个组件，如果属性值为GridBagConstraints.RELATIVE,表明当前组件是横向倒数第二个组件。 |

| gridheight | 设置受该对象控制的 GUI 组件纵向跨越多少个网格，如果属性值为 GridBagContraints.REMAIND,则表明当前组件是纵向最后一个组件，如果属性值为GridBagConstraints.RELATIVE,表明当前组件是纵向倒数第二个组件。 |

| fill | 当"显示区域"大于"组件"的时候,如何调整组件 ：  

GridBagConstraints.NONE : GUI 组件不扩大  

GridBagConstraints.HORIZONTAL: GUI 组件水平扩大 以 占据空白区域  

GridBagConstraints.VERTICAL: GUI 组件垂直扩大以占据空白区域  

GridBagConstraints.BOTH: GUI 组件水平 、 垂直同时扩大以占据空白区域. |

| ipadx | 设置受该对象控制的 GUI 组件横向内部填充的大小，即 在该组件最小尺寸的基础上还需要增大多少. |

| ipady | 设置受该对象控制的 GUI 组件纵向内部填充的大小，即 在该组件最小尺寸的基础上还需要增大多少. |

| insets | 设置受该对象控制 的 GUI 组件的 外部填充的大小 ， 即该组件边界和显示区 域边界之间的 距离 . |

| weightx | 设置受该对象控制 的 GUI 组件占据多余空间的水平比例， 假设某个容器 的水平线上包括三个 GUI 组件， 它们的水平增加比例分别是 1 、 2 、 3 ， 但容器宽度增加 60 像素 时，则第一个组件宽度增加 10 像素 ， 第二个组件宽度增加 20 像素，第三个组件宽度增加 30 像 素。 如 果其增 加比例为 0 ， 则 表示不会增加 。 |

| weighty | 设置受该对象控制 的 GUI 组件占据多余空间的垂直比例 |

| anchor | 设置受该对象控制 的 GUI 组件在其显示区域中的定位方式:  

GridBagConstraints .CENTER (中 间 )  

GridBagConstraints.NORTH (上中 )  

GridBagConstraints.NORTHWEST (左上角)  

GridBagConstraints.NORTHEAST (右上角)  

GridBagConstraints.SOUTH (下中)  

GridBagConstraints.SOUTHEAST (右下角)  

GridBagConstraints.SOUTHWEST (左下角)  

GridBagConstraints.EAST (右中)  

GridBagConstraints.WEST (左中) |



**GridBagLayout使用步骤：**

1.创建GridBagLaout布局管理器对象，并给容器设置该布局管理器对象；

2.创建GridBagConstraints对象，并设置该对象的控制属性：

gridx: 用于指定组件在网格中所处的横向索引；



gridy: 用于执行组件在网格中所处的纵向索引；



gridwidth: 用于指定组件横向跨越多少个网格；



gridheight: 用于指定组件纵向跨越多少个网格；

3.调用GridBagLayout对象的setConstraints(Component c,GridBagConstraints gbc )方法，把即将要添加到容器中的组件c和GridBagConstraints对象关联起来；

把组件添加到容器中；




**案例：**



 使用Frame容器，设置GridBagLayout布局管理器，实现下图中的效果：



 ![在这里插入图片描述](https://img-blog.csdnimg.cn/081fc1e81b2a462399f5cf09a481120a.jpg#pic_center)



**演示代码：**

import java.awt.*;

public class GridBagLayoutDemo {

public static void main(String[] args) {

    //1.创建Frame对象

    Frame frame = new Frame("这里是GridBagLayout测试");



    //2.创建GridBagLayout对象

    GridBagLayout gbl = new GridBagLayout();



    //3.把Frame对象的布局管理器设置为GridBagLayout

    frame.setLayout(gbl);



    //4.创建GridBagConstraints对象

    GridBagConstraints gbc = new GridBagConstraints();



    //5.创建容量为10的Button数组

    Button[] bs = new Button[10];



    //6.遍历数组，初始化每一个Button

    for (int i = 0; i < bs.length; i++) {

        bs[i] = new Button("按钮"+(i+1));

    }



    //7.设置所有的GridBagConstraints对象的fill属性为GridBagConstraints.BOTH,当有空白区域时，组件自动扩大占满空白区域

    gbc.fill=GridBagConstraints.BOTH;



    //8.设置GridBagConstraints对象的weightx设置为1,表示横向扩展比例为1

    gbc.weightx=1;



    //9.往frame中添加数组中的前3个Button

    addComponent(frame,bs[0],gbl,gbc);

    addComponent(frame,bs[1],gbl,gbc);

    addComponent(frame,bs[2],gbl,gbc);



    //10.把GridBagConstraints的gridwidth设置为GridBagConstraints.REMAINDER,则表明当前组件是横向最后一个组件

    gbc.gridwidth=GridBagConstraints.REMAINDER;



    //11.把button数组中第四个按钮添加到frame中

    addComponent(frame,bs[3],gbl,gbc);



    //12.把GridBagConstraints的weighty设置为1，表示纵向扩展比例为1

    gbc.weighty=1;



    //13.把button数组中第5个按钮添加到frame中

    addComponent(frame,bs[4],gbl,gbc);



    //14.把GridBagConstaints的gridheight和gridwidth设置为2，表示纵向和横向会占用两个网格

    gbc.gridheight=2;

    gbc.gridwidth=2;



    //15.把button数组中第6个按钮添加到frame中

    addComponent(frame,bs[5],gbl,gbc);



    //16.把GridBagConstaints的gridheight和gridwidth设置为1，表示纵向会占用1个网格

    gbc.gridwidth=1;

    gbc.gridheight=1;

    //17.把button数组中第7个按钮添加到frame中

    addComponent(frame,bs[6],gbl,gbc);



    //18.把GridBagConstraints的gridwidth设置为GridBagConstraints.REMAINDER,则表明当前组件是横向最后一个组件

    gbc.gridwidth=GridBagConstraints.REMAINDER;



    //19.把button数组中第8个按钮添加到frame中

    addComponent(frame,bs[7],gbl,gbc);



    //20.把GridBagConstaints的gridwidth设置为1，表示纵向会占用1个网格

    gbc.gridwidth=1;



    //21.把button数组中第9、10个按钮添加到frame中

    addComponent(frame,bs[8],gbl,gbc);

    addComponent(frame,bs[9],gbl,gbc);



    //22.设置frame为最佳大小

    frame.pack();



    //23.设置frame可见

    frame.setVisible(true);

}



public static void addComponent(Container container,Component c,GridBagLayout gridBagLayout,GridBagConstraints gridBagConstraints){

    gridBagLayout.setConstraints(c,gridBagConstraints);

    container.add(c);

}

}




### []( )2.4.5 CardLayout



CardLayout 布局管理器以时间而非空间来管理它里面的组件，它将加入容器的所有组件看成一叠卡片（每个卡片其实就是一个组件），每次只有最上面的那个 Component 才可见。就好像一副扑克牌，它们叠在一起，每次只有最上面的一张扑克牌才可见.



| 方法名称 | 方法功能 |

| --- | --- |

| CardLayout() | 创建默认的 CardLayout 布局管理器。 |

| CardLayout(int hgap,int vgap) | 通过指定卡片与容器左右边界的间距 C hgap) 、上下边界 Cvgap) 的间距来创建 CardLayout 布局管理器. |

| first(Container target) | 显示target 容器中的第一张卡片. |

| last(Container target) | 显示target 容器中的最后一张卡片. |

| previous(Container target) | 显示target 容器中的前一张卡片. |

| next(Container target) | 显示target 容器中的后一张卡片. |

| show(Container taget,String name) | 显 示 target 容器中指定名字的卡片. |



**案例：**



 使用Frame和Panel以及CardLayout完成下图中的效果，点击底部的按钮，切换卡片



 ![在这里插入图片描述](https://img-blog.csdnimg.cn/d9c7894d22c849d29cde896191419b37.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc3RhcnJ56ZmG56a7,size_14,color_FFFFFF,t_70,g_se,x_16#pic_center)







**演示代码：**

import java.awt.*;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

public class CardLayoutDemo {

public static void main(String[] args) {

    //1.创建Frame对象

    Frame frame = new Frame("这里测试CardLayout");



    //2.创建一个String数组，存储不同卡片的名字

    String[] names = {"第一张","第二张","第三张","第四张","第五张"};



    //3.创建一个Panel容器p1，并设置其布局管理器为CardLayout,用来存放多张卡片

    CardLayout cardLayout = new CardLayout();

    Panel p1 = new Panel();

    p1.setLayout(cardLayout);



    //4.往p1中存储5个Button按钮，名字从String数组中取

    for (int i = 0; i < 5; i++) {

        p1.add(names[i],new Button(names[i]));

    }



    //5.创建一个Panel容器p2,用来存储5个按钮，完成卡片的切换

    Panel p2 = new Panel();



    //6.创建5个按钮，并给按钮设置监听器

    ActionListener listener = new ActionListener() {

        @Override

        public void actionPerformed(ActionEvent e) {

            String command = e.getActionCommand();

            switch (command){

                case "上一张":

                    cardLayout.previous(p1);

                    break;

                case "下一张":

                    cardLayout.next(p1);

                    break;

                case "第一张":

                    cardLayout.first(p1);

                    break;

                case "最后一张":

                    cardLayout.last(p1);

                    break;

                case "第三张":

                    cardLayout.show(p1,"第三张");

                    break;

            }

        }

    };



    Button b1 = new Button("上一张");

    Button b2 = new Button("下一张");

    Button b3 = new Button("第一张");

    Button b4 = new Button("最后一张");

    Button b5 = new Button("第三张");

    b1.addActionListener(listener);

    b2.addActionListener(listener);

    b3.addActionListener(listener);

    b4.addActionListener(listener);

    b5.addActionListener(listener);



    //7.把5个按钮添加到p2中

    p2.add(b1);

    p2.add(b2);

    p2.add(b3);

    p2.add(b4);

    p2.add(b5);



    //8.把p1添加到frame的中间区域

    frame.add(p1);



    //9.把p2添加到frame的底部区域

    frame.add(p2,BorderLayout.SOUTH);



    //10设置frame最佳大小并可见

    frame.pack();

    frame.setVisible(true);

}

}




### []( )2.4.6 BoxLayout



为了简化开发，Swing 引入了 一个新的布局管理器 : BoxLayout 。 BoxLayout 可以在垂直和 水平两个方向上摆放 GUI 组件， BoxLayout 提供了如下一个简单的构造器:



| 方法名称 | 方法功能 |

| --- | --- |

| BoxLayout(Container target, int axis) | 指定创建基于 target 容器的 BoxLayout 布局管理器，该布局管理器里的组件按 axis 方向排列。其中 axis 有 BoxLayout.X\_AXIS( 横向)和 BoxLayout.Y \_AXIS (纵向〉两个方向。 |



**案例1：**



 使用Frame和BoxLayout完成下图效果：



![在这里插入图片描述](https://img-blog.csdnimg.cn/67a7635f9095447db18ccf279e315952.jpg#pic_center)



**演示代码1：**

import javax.swing.*;

import java.awt.*;

public class BoxLayoutDemo1 {

public static void main(String[] args) {

总结

我个人认为，如果你想靠着背面试题来获得心仪的offer，用癞蛤蟆想吃天鹅肉形容完全不过分。想必大家能感受到面试越来越难，想找到心仪的工作也是越来越难，高薪工作羡慕不来，却又对自己目前的薪资不太满意，工作几年甚至连一个应届生的薪资都比不上，终究是错付了，错付了自己没有去提升技术。

这些面试题分享给大家的目的，其实是希望大家通过大厂面试题分析自己的技术栈，给自己梳理一个更加明确的学习方向，当你准备好去面试大厂，你心里有底，大概知道面试官会问多广，多深，避免面试的时候一问三不知。

大家可以把Java基础，JVM，并发编程，MySQL，Redis，Spring，Spring cloud等等做一个知识总结以及延伸，再去进行操作，不然光记是学不会的，这里我也提供一些脑图分享给大家：

希望你看完这篇文章后，不要犹豫，抓紧学习，复习知识，准备在明年的金三银四拿到心仪的offer，加油，打工人！

is 有 BoxLayout.X_AXIS( 横向)和 BoxLayout.Y _AXIS (纵向〉两个方向。 |

案例1：

使用Frame和BoxLayout完成下图效果：

在这里插入图片描述

演示代码1：


import javax.swing.*;

import java.awt.*;



public class BoxLayoutDemo1 {



    public static void main(String[] args) {


# 总结

我个人认为，如果你想靠着背面试题来获得心仪的offer，用癞蛤蟆想吃天鹅肉形容完全不过分。想必大家能感受到面试越来越难，想找到心仪的工作也是越来越难，高薪工作羡慕不来，却又对自己目前的薪资不太满意，工作几年甚至连一个应届生的薪资都比不上，终究是错付了，错付了自己没有去提升技术。

这些面试题分享给大家的目的，其实是希望大家通过大厂面试题分析自己的技术栈，给自己梳理一个更加明确的学习方向，当你准备好去面试大厂，你心里有底，大概知道面试官会问多广，多深，避免面试的时候一问三不知。

大家可以把Java基础，JVM，并发编程，MySQL，Redis，Spring，Spring cloud等等做一个知识总结以及延伸，再去进行操作，不然光记是学不会的，这里我也提供一些脑图分享给大家：

[外链图片转存中...(img-TewnneSG-1727112919540)]

[外链图片转存中...(img-CNRcxmmG-1727112919541)]

[外链图片转存中...(img-2FODO8IM-1727112919541)]

希望你看完这篇文章后，不要犹豫，抓紧学习，复习知识，准备在明年的金三银四拿到心仪的offer，加油，打工人！

> **本文已被[CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】](https://docs.qq.com/doc/DSmxTbFJ1cmN1R2dB)收录**