【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.3 GridLayout布局

你的名字 2024-03-23 13:48 62阅读 0赞

### 【2023】Kotlin教程 ###

#### 文章目录 ####

*   *  【2023】Kotlin教程
     *   *  第三篇 Kotlin进阶
         *  第23章 Kotlin与Java Swing图形用户界面编程
         *   *  23.4 布局管理
             *   *  23.4.3 GridLayout布局

![在这里插入图片描述][3a407a7e49424a77ad4957a3e0a24851.png_pic_center]

#### 第三篇 Kotlin进阶 ####

#### 第23章 Kotlin与Java Swing图形用户界面编程 ####

Kotlin目前没有自己的图形界面技术。开发人员可以借助于Java图形界面技术实现Kotlin图形界面应用程序。

图形用户界面（Graphical User Interface，简称 GUI）编程对于某种语言来说非常重要。Java的应用主要方向是基于Web浏览器的应用，用户界面主要是HTML、CSS和JavaScript等基于Web的技术，这些介绍要到Java EE阶段才能学习到。而基于Java SE的Swing，事实上它们在实际应用中使用不多。

##### 23.4 布局管理 #####

在Swing图形用户界面中容器内的所有组件布局交给布局管理器管理的。布局管理器负责组件的排列顺序、大小、位置，以及当窗口移动或调整大小后组件如何变化等。

Swing提供了7种布局管理器包括：FlowLayout、BorderLayout、GridLayout、BoxLayout、CardLayout、SpringLayout和GridBagLayout，其中最基础的是FlowLayout、BorderLayout和GridLayout布局管理器。

###### 23.4.3 GridLayout布局 ######

GridLayout布局以网格形式对组件进行摆放，容器被分成大小相等的矩形，一个矩形中放置一个组件。

GridLayout布局主要的构造函数如下：

*  GridLayout()。创建具有默认值的GridLayout对象，即每个组件占据一行一列。
 *  GridLayout(rows: Int, cols: Int)。创建具有指定行数和列数的GridLayout对象。
 *  GridLayout(rows: Int, cols: Int, hgap: Int, vgap: Int)。创建具有指定行数和列数的GridLayout对象，并指定水平和垂直间隙。

举个栗子：

package com.dingjiaxiong
    
    import java.awt.BorderLayout
    import java.awt.Button
    import java.awt.GridLayout
    import javax.swing.JFrame
    
    class MyFrame(title: String) : JFrame(title) {
        
    
        init {
        
            // 设置3行3列的GridLayout布局管理器
            layout = GridLayout(3, 3)
    
            // 添加按钮到第一行的第一格
            contentPane.add(Button("1"))
            // 添加按钮到第一行的第二格
            contentPane.add(Button("2"))
            // 添加按钮到第一行的第三格
            contentPane.add(Button("3"))
            // 添加按钮到第二行的第一格
            contentPane.add(Button("4"))
            // 添加按钮到第二行的第二格
            contentPane.add(Button("5"))
            // 添加按钮到第二行的第三格
            contentPane.add(Button("6"))
            // 添加按钮到第三行的第一格
            contentPane.add(Button("7"))
            // 添加按钮到第三行的第二格
            contentPane.add(Button("8"))
            // 添加按钮到第三行的第三格
            contentPane.add(Button("9"))
    
            setSize(400,400)
            isVisible = true
        }
    
    
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("GridLayout示例")
    }

运行效果

![在这里插入图片描述][3f28eba737f7419aad836c119c6d5cdb.png_pic_center]

当前窗口布局采用3行3列的GridLayout布局，它有一个9个区域，分别从左到右，从上到下摆放。

GridLayout布局将容器分成几个区域，也会出现某个区域缺少组件情况，GridLayout布局会根据行列划分的不同，会平均占据容器的空间，实际情况比较复杂。下图中列出了一些主要情况。

![在这里插入图片描述][9432406b618441bd986e5bd82c4c5314.png_pic_center]

[3a407a7e49424a77ad4957a3e0a24851.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/181a328d80a44495b5fe774914be4a78.png
[3f28eba737f7419aad836c119c6d5cdb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/cd06764a77314191a78236035d64b010.png
[9432406b618441bd986e5bd82c4c5314.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/a258b3a06856466082adbd0ed1d30cd8.png

【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.3 GridLayout布局

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.6 案例：图书库存

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.5 Swing组件 23.5.7 使用表格

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.5 Swing组件 23.5.6 分隔面板

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.5 Swing组件 23.5.5 列表

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.4 不使用布局管理器

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.3 GridLayout布局

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.2 BorderLayout布局

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.4 布局管理 23.4.1 FlowLayout布局

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.2 Swing技术基础 23.2.2 Swing程序结构

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.1 Java图形用户界面技术