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

- 日理万妓 2024-03-23 13:48 72阅读 0赞

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

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

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

![在这里插入图片描述][d4df7625bbf64f15a26141d8f6082290.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.2 BorderLayout布局 ######

BorderLayout布局是窗口的默认布局管理器。

BorderLayout 是JWindow、JFrame和JDialog的默认布局管理器。BorderLayout布局管理器把容器分成5个区域：北、南、东、西和中，如下图所示每个区域只能放置一个组件。

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

BorderLayout主要的构造函数如下：

*  BorderLayout( hgap: Int, vgap: Int)。创建一个BorderLayout对象，指定水平和垂直间隙，hgap参数是组件之间的水平间隙，vgap参数是组件之间的垂直间隙，单位是像素。
 *  BorderLayout()。创建一个BorderLayout对象，组件之间没有间隙。

BorderLayout布局有5个区域，为此BorderLayout中定义了5个约束常量，说明如下：

*  BorderLayout.CENTER。中间区域的布局约束（容器中央）。
 *  BorderLayout.EAST。东区域的布局约束（容器右边）。
 *  BorderLayout.NORTH。北区域的布局约束（容器顶部）。
 *  BorderLayout.SOUTH。南区域的布局约束（容器底部）。
 *  BorderLayout.WEST。西区域的布局约束（容器左边）。

举个栗子：

package com.dingjiaxiong
    
    import java.awt.BorderLayout
    import java.awt.Button
    import javax.swing.JFrame
    
    class MyFrame(title: String) : JFrame(title) {
        
    
        init {
        
    
            // 设置BorderLayout布局
            layout = BorderLayout(10, 10)
    
            // 添加按钮到容器的North区域
            contentPane.add(Button("NORTH"), BorderLayout.NORTH)
            // 添加按钮到容器的South区域
            contentPane.add(Button("SOUTH"), BorderLayout.SOUTH)
            // 添加按钮到容器的East区域
            contentPane.add(Button("EAST"), BorderLayout.EAST)
            // 添加按钮到容器的West区域
            contentPane.add(Button("WEST"), BorderLayout.WEST)
            // 添加按钮到容器的Center区域
            contentPane.add(Button("CENTER"), BorderLayout.CENTER)
    
            setSize(300, 300)
    
            isVisible = true
        }
    
    
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("BorderLayout示例")
    }

运行结果

![在这里插入图片描述][0baf44d4865f4389ad43aeb4901c7975.png_pic_center]

组件之间间隙是10个像素，事实上窗口默认布局就是BorderLayout，只是组件之间没有间隙

当使用BorderLayout时，如果容器的大小发生变化，其变化规律为：组件的相对位置不变，大小发生变化。如果容器变高或矮，则North和South不变，West、Center和East变高或矮；如果容器变宽或窄，West和East区域不变，North、Center和South变宽或窄。

![在这里插入图片描述][6b12d194dd9345f280cd2a1e9f8a4120.png_pic_center]

![在这里插入图片描述][66ed1496b26a415fae5e414d217c9886.png_pic_center]

另外，在5个区域中不一定都放置了组件，如果某个区域缺少组件，界面布局会有比较大的影响，具体影响如下图所示，图中列出了主要的一些情况。

![在这里插入图片描述][43afb300e61b4703a3a913dbf9fbf0b9.png_pic_center]

[d4df7625bbf64f15a26141d8f6082290.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/b686a614e55a43c38da987e948c85f8a.png
[f7389e520fe94dbe9c4d64af92f77481.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/b4b6d90c5fc149298d81004b9aa23f61.png
[0baf44d4865f4389ad43aeb4901c7975.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/ec3978d96e87487fae037947d035f90f.png
[6b12d194dd9345f280cd2a1e9f8a4120.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9e1e8db75b46421fb74c7c82ed3acea9.png
[66ed1496b26a415fae5e414d217c9886.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/6c0bd77701c442b5929be624c4394090.png
[43afb300e61b4703a3a913dbf9fbf0b9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/098c2ec856df4f1e9b2b20657a528535.png

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

发表评论取消回复

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

相关阅读

相关【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图形用户界面技术