Java 各种Layout和Panel自由组合思考题实例。UI三种常见的布局方式.FlowLayout,BorderLayout,GridLayout.教程

思考题:利用上面的三种Layout和Panel知识写一个如下类似的Frame,Layout可以自由组合(答案不唯一)

在这里插入图片描述

写代码之前切记直接动手写代码,先构思,构思,构思,一般代码只用20%的时间,80%用来思考构思。

一、构思步骤.

1. 设置GridLayout(2,1);创建一个2行1列的网格,上面个的部分添加一个名为north的Panel,下面的部分添加一个名为south的Panel

在这里插入图片描述

2. north south 面板Panel 都设置一个 BorderLayout的布局

south 分别使用 southWest 按钮,southCenter 面板,southEast按钮(添加)
north 分别使用 northWest 按钮,northCenter 面板,northEast按钮(添加)
在这里插入图片描述

3. southCenter 设置网格布局 GridLayout(2,1) 2行1列
north 设置 GridLayout(2,2)网格布局,

使用对应的按钮填充
在这里插入图片描述

二、写代码

package GUI.Layout布局管理器;

import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class Test {
    public static void main(String[] args) {
        Frame frame = new Frame("习题Frame");
        //一、gird(2,1)
        frame.setLayout(new GridLayout(2,1,20,10));
        Panel north = new Panel();
        Panel south = new Panel();
        frame.add(north,new GridLayout(1,1));
        frame.add(south,new GridLayout(2,1));
        //二、border
        north.setLayout(new BorderLayout());
        south.setLayout(new BorderLayout());
        north.add(new Button("northWest"),BorderLayout.WEST);
        north.add(new Button("northEast"),BorderLayout.EAST);
        Panel northCenter = new Panel();
        north.add(northCenter,BorderLayout.CENTER);

        south.add(new Button("southWest"),BorderLayout.WEST);
        south.add(new Button("southEast"), BorderLayout.EAST);
        Panel southCenter = new Panel();
        south.add(southCenter,BorderLayout.CENTER);
        //三、gird
        northCenter.setLayout(new GridLayout(2,1,20,20));
        southCenter.setLayout(new GridLayout(2,2,20,20));
        northCenter.add(new Button("northCenterr1c1"),new GridLayout(1,1));
        northCenter.add(new Button("northCenterr2c1"),new GridLayout(2,1));

        southCenter.add(new Button("southCenterr1c1"),new GridLayout(1,1));
        southCenter.add(new Button("southCenterr1c2"),new GridLayout(1,2));
        southCenter.add(new Button("southCenterr2c1"),new GridLayout(2,1));
        southCenter.add(new Button("southCenterr2c2"),new GridLayout(2,2));




        //set location size background
        frame.setLocation(100,100);
        frame.setSize(400,400);
        frame.setBackground(new Color(255, 255, 255));
        north.setBackground(new Color(99, 255, 240));




        //set visibility.
        frame.setVisible(true);
        frame.setLayout(new BorderLayout());
        //add closing listener.
        frame.addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.out.println("exit successfully");
                System.exit(0);
            }
        });
    }
}
输出

在这里插入图片描述

  • 3
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JarvanStack

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值