java:布局方法(网格布局)

网格布局

    • 一、简单说明
    • 二、关键代码
    • 三、流程图
    • 四、例子说明
      • 1. 有17个“按钮”排列
        • (1)源码A
        • (2)运行效果
      • 2. 有36个“按钮”排列
        • (1)源码B
        • (2)源码B运行效果
      • 3. 有12个“按钮”排列
        • (1)源码C
        • (2)源码C的运行效果
    • 五、定位日期

一、简单说明

网格布局,用常说的几行几列来理解便可,按几行几列分成多个大小统一的组件(这里选“按钮”)。一个窗体,在里边布置“按钮”用网格布局,就是把窗体里的空间分成指定的几行几列,然后“按钮”按着这些几行几列的位置有序的进行排列。附图便简单明了,如下:

在这里插入图片描述

其实从图像中可以看出网格布局的排列方式和流布局的排列方式有些相同之处,都是从左往右按顺序排列。只是显示方式有些相同,当我们尝试把窗体放大后这些“按钮”的位置不变的,“按钮”只是随窗体一起变大罢了。如下图:

在这里插入图片描述

二、关键代码

c.setLayout(new GridLayout(A,B,C,D));

  • Layout(布局)
  • 在容器c里添加布局方法,布局方法选网格(Grid)布局,可以如此解读这句代码。
  • 参数A:行数
  • 参数B:列数
  • 参数C:水平间距(组件间)
  • 参数D:竖直间距(组件间)

三、流程图

创建一个窗体
窗体里添加容器
组件
网格布局
尺寸
坐标
是否可见
行数
列数
组件间的间距

四、例子说明

1. 有17个“按钮”排列

(1)源码A

这里的代码创建17个按钮,以网格布局的方法布置在创建的窗体中。程序输入的行数为5,列数为4,水平间距为10像素,竖直间距为8像素。源码A为默认情况。

  • 注意: 后边的源码B、源码C也只是在源码A的基础上修改参数,代码形式相同。
/**所想:网格布局Grid(网格)*/import java.awt.Container;// 容器
import java.awt.GridLayout;// 网格布局import javax.swing.*;class Demo extends JFrame{public Demo(){setBounds(90,80,480,320);// 窗体坐标、宽高setDefaultCloseOperation(EXIT_ON_CLOSE);// 窗体点击×程序停止运行Container c=getContentPane();// 添加容器// 在容器里添加网格布局c.setLayout(new GridLayout(5,4,10,8));// (行数,列数,水平间距,竖直间距);单位:像素// 创建17个按钮for(int i=1;i<18;i++){c.add(new JButton("按钮"+i));}setVisible(true);// 窗体是否可见}public static void main(String[] args){new Demo();}

(2)运行效果

在这里插入图片描述

2. 有36个“按钮”排列

我们都知道网格布局指定的几行几列,上边的代码为5行4列,按理也就是可选5×4=20个“按钮”进行排列。其实不一定要选20个“按钮”,可以选多个,比如36个、12个都可以的。而排列方式其实和列关系不大,主要还是取决于按钮数和行数。当我们创建36个“按钮”时,行数为5,则列数为7+1(36÷5=7—余1)。如果按钮数能整除比如35,列数7便不加1。36个“按钮”布置的方式为:在窗体里分5行8列,“按钮”从左往右、从上到下按顺序排列。

(1)源码B

  • 行数:这里代码设置为5
  • 列数:虽然列数代码里设置为4,但事实上不取决与代码里设置的列数,而是取决于按钮数和行数,按钮数÷行数=n—余数i 。如果按钮数不能整除,也就是余数i不为0时,列数为n+1 。能整除则列数为n。源码B的“按钮”数为36,则列数为7+1=8。
  • 注意: 实际为列数为8和代码设置的列数为4不相同,不过也不是说列数代码不需要输入数值,数值仍然需要输入,不然程序报错。
/**所想:网格布局Grid(网格)*/import java.awt.Container;// 容器
import java.awt.GridLayout;// 网格布局import javax.swing.*;class Demo extends JFrame{public Demo(){setBounds(90,80,480,320);// 窗体坐标、宽高setDefaultCloseOperation(EXIT_ON_CLOSE);// 窗体点击×程序停止运行Container c=getContentPane();// 添加容器// 在容器里添加网格布局c.setLayout(new GridLayout(5,4,10,8));// (行数,列数,水平间距,竖直间距);单位:像素// 创建36个按钮for(int i=1;i<37;i++){c.add(new JButton("按钮"+i));}setVisible(true);// 窗体是否可见}public static void main(String[] args){new Demo();}
}

(2)源码B运行效果

5行8列,如下图:
在这里插入图片描述

3. 有12个“按钮”排列

道理和源码B相同。行数固定为5,列数则为2+1。也可以看出列数为3,与程序设置的列数4不相同。

(1)源码C

/**所想:网格布局Grid(网格)*/import java.awt.Container;// 容器
import java.awt.GridLayout;// 网格布局import javax.swing.*;class Demo extends JFrame{public Demo(){setBounds(90,80,480,320);// 窗体坐标、宽高setDefaultCloseOperation(EXIT_ON_CLOSE);// 窗体点击×程序停止运行Container c=getContentPane();// 添加容器// 在容器里添加网格布局c.setLayout(new GridLayout(5,4,10,8));// (行数,列数,水平间距,竖直间距);单位:像素// 创建12个按钮for(int i=1;i<13;i++){c.add(new JButton("按钮"+i));}setVisible(true);// 窗体是否可见}public static void main(String[] args){new Demo();}
}

(2)源码C的运行效果

5行3列,如下图:
在这里插入图片描述

五、定位日期

2021.4.22;16:16

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/1618506.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Grid布局介绍

1、什么是Grid布局 ​     Grid布局即网格布局&#xff0c;是一种新的css模型&#xff0c;一般是将一个页面划分成几个主要的区域&#xff0c;定义这些区域的大小、位置和层次等关系&#xff0c;是目前唯一一种css二维布局。 2、和flex布局的区别 ​     Grid布局和fle…

Java GridLayout(网格布局)布局管理器

GridLayout&#xff08;网格布局&#xff09; ​ GridLayout 布局管理器将容器分割成纵横线分隔的网格 &#xff0c; 每个网格所占的区域大小相同。当向使用 GridLayout 布局管理器的容器中添加组件时&#xff0c; 默认从左向右、 从上向下依次添加到每个网格中 。 与 FlowLay…

css经典布局——圣杯布局

圣杯布局和双飞翼布局一直是前端面试的高频考点&#xff0c;圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局&#xff0c;它的起源不是源于对页面的形象表达。在西方&#xff0c;圣杯是表达“渴求之物”的意思…

CSS响应式布局(自适应布局)

CSS 响应式布局也称自适应布局&#xff0c;是 Ethan Marcotte 在 2010 年 5 月份提出的一个概念&#xff0c;简单来讲就是一个网站能够兼容多个不同的终端&#xff08;设备&#xff09;&#xff0c;而不是为每个终端做一个特定的版本。这个概念是为解决移动端浏览网页而诞生的。…

flex布局(详解)

目录 前言 一、何为Flex布局 二、基本概念 三、容器的属性 3.1 flex-direction属性 3.2 flex-wrap属性 3.3 flex-flow 3.4 justify-content属性 3.5 align-items属性 3.6 align-content属性 四、项目的属性 4.1 order属性 4.2 flex-grow属性 4.3 flex-shrink属性 …

Redis各类数据结构应用场景总结

Redis各类数据结构应用场景总结 引言String应用场景 List应用场景 Hash应用场景 Set应用场景 ZSet应用场景 小结 引言 实际面试过程中更多看重的是对Redis相关数据结构的活学活用&#xff0c;同时也可能会引申出Redis相关底层数据结构原理的实现&#xff0c;笔者最近面试过程中…

CSS基本布局——grid布局

grid布局简介&#xff1a; Grid布局是将容器划分成“行”和“列”&#xff0c;产生单元格&#xff0c;然后指定“项目所在”的单元格&#xff0c;可以看作是二维布局。 基本概念&#xff1a; 容器&#xff08;container&#xff09;——有容器属性项目&#xff08;items&…

【CSS布局】—— flex(弹性)布局

赶快悄悄的努力起来吧&#xff0c;不苒在这里衷心祝愿各位大佬都能顺利通过面试。 面试专栏分享&#xff0c;感觉有用的小伙伴可以点个订阅&#xff0c;不定时更新相关面试题&#xff1a;面试专栏 。 文章目录 &#x1f33c;前言&#x1f33b;正文1、弹性盒子模型是什么&#x…

火列星屯--最强大的CSS布局方案

一、总论 首先给出结论&#xff1a;网格布局&#xff08;Grid&#xff09;是最强大的 CSS 布局方案。 虽说如此&#xff0c;但是仍要重视具体的应用场景&#xff0c;如果有其他写法可以提高代码的简洁和可读性&#xff0c;未必非要选择Gird不可。 网格布局就如同它的字面意思…

常见的布局方式

1.弹性布局---flex布局 弹性布局是一种常见且好用的布局方式&#xff0c;它可以让结构中的内容自适应不同的分辨率&#xff0c;简化的代码的书写。 使用方法 给父盒子加上display:flex;默认子元素不换行&#xff0c;如果装不开&#xff0c;子元素会缩小元素的宽度。 父级元…

前端开发常见的几种布局方式

作为前端开发工程师&#xff0c;布局方式有多种&#xff0c;对于不同的场景可以使用不同的布局方式&#xff0c;那么我们就先来简单的来了解一下&#xff0c;那些前端开发必须了解的布局。 一. 静态布局&#xff08;static layout&#xff09; 即传统的Web布局&#xff0c;网页…

android系统启动流程之zygote(Native)启动分析

zygote有一部分运行在native,有一部分运行在java层&#xff0c;它是第一个进入java层的进程 zygote在启动时&#xff0c;在init.${ro.zygote}.rc脚本中&#xff0c;里面描述了zygote是如何被启动的&#xff0c; 当init进程解析到zygote.rc文件时&#xff0c;将根据解析出来的命…

No117.精选前端面试题,享受每天的挑战和学习

文章目录 断点续传怎么做的秒传怎么实现var let const 块级作用域ts Partial Omit 怎么实现的箭头函数有哪些限制箭头函数为什么不能作为构造函数promise常用apiMap和Object的区别vue怎么实现双向绑定 断点续传怎么做的 断点续传是指在文件下载或上传过程中&#xff0c;当连接…

【微信小程序遇到的坑】实现跨行跨列的表格

由于微信小程序组件中不带table标签&#xff0c;所以只能自己制作一个table表格&#xff0c;并且是实现跨行跨列的复杂表格。 直接上代码&#xff0c;即可预览效果 wxml <view class"table"><view class"tr tr_title">上午8:30-11:45</vi…

50.服务程序SERVICE_STATUS、SERVICE_STATUS_HANDLE、RegisterServiceCtrlHandler、SetServiceStatus、SERVICE_TABL

我得先总结一下步骤&#xff1a; 一、在main函数中的操作 1.先创建一个main主函数&#xff0c;在main主函数中创建创建一个服务程序入口函数列的结构体并将其初始化 机构体SERVICE_TABLE_ENTRY DispatchTable[2]; 假设定义的服务入口函数是(LPSERVICE_MAIN_FUNCTION)ServiceMa…

使用 SAP WebIDE 将 SAP UI5 应用部署到 ABAP 系统时遇到的关于传输请求的错误

有朋友遇到一个在 webide 里部署 SAP UI5 应用到 ABAP Repository 里时出错的问题&#xff1a; 错误消息&#xff1a; Failed to get transports for the selected package. Request POST /webidedispatcher/destinations/LND500/sap/bc/adt/cts/transportchecks failed: Forbi…

【操作记录】CLion 中引入 Gurobi 并使用 C++ 编程

文章目录 一、前言二、具体操作2.1 创建项目2.2 修改编译工具2.3 修改 CMakeLists.txt2.4 修改 main.cpp2.5 运行测试 一、前言 虽然C编程大部分人都会选择使用VS&#xff0c;但是作为 IDEA 的长期用户&#xff0c;我还是比较习惯 JetBrains 风格的编译器&#xff0c;所以就选…

7.11英语学习及笔记

《花木兰》 Based on a Chinese legend, the film follows the story of the titular hero – a young woman who poses as a man in order to take her ailing father’s place in the Imperial army, after the threat of the invading Huns requires a man from every house…

针对韩国开展的一系列韩文类恶意文档定向攻击行动分析 part-1

?点个关注&#xff0c;你的支持是我更新最大的动力? 最近朝鲜APT组织的攻击事件层出不穷&#xff0c;基于看到一篇很好的文章&#xff0c;特此结合文章对朝鲜相关组织进行分析。 Financial Security Institute对近期一系列投放韩文类恶意文档的定向攻击行动命名为“DOKKAEBI…

跨国邮件诈骗团伙案例

如果某天你收到了这样一封邮件&#xff0c;啊&#xff0c;大体意思就是这人身患绝症且有一笔遗产&#xff0c;你是个幸运儿要你继承。 重点来了啊&#xff0c;他会伪造证件然后让你相信并按照对方的思路来&#xff0c;给他你的身份信息&#xff0c;例如身份证照片&#xff0c;你…