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

素颜马尾好姑娘i 2024-03-23 13:48 45阅读 0赞

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

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

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

![在这里插入图片描述][295b8ccd98ef43b8a72f170f356e28a8.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.1 FlowLayout布局 ######

FlowLayout布局摆放组件的规律是：从上到下、从左到右进行摆放组件，如果容器足够宽，第一个组件先添加到容器中第一行的最左边，后续的组件依次添加到上一个组件的右边，如果当前行已摆放不下该组件，则摆放到下一行的最左边。

FlowLayout主要的构造函数如下：

*  FlowLayout(align: Int, hgap: Int, vgap: Int)。创建一个FlowLayout对象，它具有指定的对齐方式以及指定的水平和垂直间隙，hgap参数是组件之间的水平间隙，vgap参数是组件之间的垂直间隙，单位是像素。
 *  FlowLayout(align: Int)。创建一个FlowLayout对象，指定的对齐方式，默认的水平和垂直间隙是5个像素。
 *  FlowLayout()。创建一个FlowLayout对象，它是居中对齐的，默认的水平和垂直间隙是5个像素。

上述参数align是对齐方式，它是通过FlowLayout的常量指定的，这些常量说明如下：

*  FlowLayout.CENTER。指示每一行组件都应该是居中的。
 *  FlowLayout.LEADING。指示每一行组件都应该与容器方向的开始边对齐，例如，对于从左到右的方向，则与左边对齐。
 *  FlowLayout.LEFT。指示每一行组件都应该是左对齐的。
 *  FlowLayout.RIGHT。指示每一行组件都应该是右对齐的。
 *  FlowLayout.TRAILING。指示每行组件都应该与容器方向的结束边对齐，例如，对于从左到右的方向，则与右边对齐。

举个栗子：

package com.dingjiaxiong
    
    import java.awt.BorderLayout
    import java.awt.FlowLayout
    import java.awt.event.ActionEvent
    import java.awt.event.ActionListener
    import javax.swing.JButton
    import javax.swing.JFrame
    import javax.swing.JLabel
    
    class MyFrame(title: String) : JFrame(title) {
        
    
        // 创建标签
        private val label: JLabel
    
        init {
        
            layout = FlowLayout(FlowLayout.LEFT, 20, 20)
    
            // 创建标签
            label = JLabel("Label")
    
            // 添加标签到内容面板
            contentPane.add(label)
    
            // 创建Button1
            val button1 = JButton("Button1")
            // 添加Button1到内容面板
            contentPane.add(button1)
    
            // 创建Button2
            val button2 = JButton("Button2")
            // 添加Button2到内容面板
            contentPane.add(button2)
    
            // 设置窗口大小
            setSize(350, 120);
    
            // 设置窗口可见
            isVisible = true
    
            // 注册事件监听器，监听Button2单击事件
            button2.addActionListener {
         label.text = "Hello Swing!" }
    
            // 注册事件监听器，监听Button1单击事件
            button1.addActionListener {
         label.text = "Hello World!" }
        }
    
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("FlowLayout示例")
    }

采用FlowLayout布局如果水平空间比较小，组件会垂直摆放，

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

拖曳窗口的边缘使窗口变窄，最后一个组件会换行

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

[295b8ccd98ef43b8a72f170f356e28a8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/7be4ace31b7e40bb8eaf688c439b560b.png
[ec7d94f101b34869a9f7e36f93eb08c2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/15729a6c0a3a41deb07cf143aac0140c.png
[01303a7bab7a42d2909b0e7fdca7adfe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/7df8293bc5a541b0b4c387bf0dec670a.png

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

发表评论取消回复

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

相关阅读

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