【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.5 Swing组件 23.5.1 标签和按钮

阳光穿透心脏的1/2处 2024-03-23 14:29 33阅读 0赞

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

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

*   *  【2023】Kotlin教程
     *   *  第三篇 Kotlin进阶
         *  第23章 Kotlin与Java Swing图形用户界面编程
         *   *  23.5 Swing组件
             *   *  23.5.1 标签和按钮

![在这里插入图片描述][392bb6bc92454de08755244c59ae40c9.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.5 Swing组件 #####

Swing所有组件都继承自JComponent，主要有文本处理、按钮、标签、列表、面板、组合框、滚动条、滚动面板、菜单、表格和树等组件。下面介绍一下常用的组件。

###### 23.5.1 标签和按钮 ######

Swing中标签类是JLabel，它不仅可以显示文本还可以显示图标，JLabel的构造函数如下：

*  JLabel()。创建一个无图标无标题标签对象。
 *  JLabel(image: Icon!)。创建一个具有图标的标签对象。
 *  JLabel(image: Icon!, horizontalAlignment: Int)。通过指定图标和水平对齐方式创建标签对象。
 *  JLabel(text: String!)。创建一个标签对象，并指定显示的文本。
 *  JLabel(text: String!, icon: Icon!, horizontalAlignment: Int)。通过指定显示的文本、图标和水平对齐方式创建标签对象。
 *  JLabel(text: String!, horizontalAlignment: Int)。通过指定显示的文本和水平对齐方式创建标签对象。

上述构造函数horizontalAlignment参数是水平对齐方式，它的取值是SwingConstants 中定义的以下常量之一：LEFT、CENTER、RIGHT、LEADING 或 TRAILING。

Swing中的按钮类是JButton，JButton不仅可以显示文本还可以显示图标，JButton常用的构造函数：

*  JButton()。创建不带文本或图标的按钮对象。
 *  JButton(icon : Icon!)。创建一个带图标的按钮对象。
 *  JButton(text: String!)。创建一个带文本的按钮对象。
 *  JButton(text: String!, icon : Icon!)。创建一个带初始文本和图标的按钮对象。

下面通过示例介绍一下标签和按钮中使用图标，示例代码：

package com.dingjiaxiong
    
    import javax.swing.*
    
    class MyFrame(title: String) : JFrame(title) {
        
    
        // 用于标签切换的图标
        private val images = arrayOf<Icon>(
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\0.png"),
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\1.png"),
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\2.png"),
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\3.png"),
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\4.png"),
            ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\5.png")
        )
    
        // 当前页索引
        private var currentPage = 0
    
        init {
        
    
            // 设置窗口大小不变
            isResizable = false
    
            // 不设置布局管理器
            layout = null
    
            // 创建标签
            val label = JLabel(images[0])
    
            // 设置标签的位置和大小
            label.setBounds(94, 27, 100, 50)
            // 设置标签文本水平居中
            label.horizontalAlignment = SwingConstants.CENTER
            // 添加标签到内容面板
            contentPane.add(label)
    
            // 创建向后翻页按钮
            val backButton =
                JButton(ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\ic_menu_back.png"))
            // 设置按钮的位置和大小
            backButton.setBounds(77, 90, 47, 30)
            // 添加按钮到内容面板
            contentPane.add(backButton)
    
            // 创建向前翻页按钮
            val forwardButton =
                JButton(ImageIcon("D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\ic_menu_forward.png"))
            // 设置按钮的位置和大小
            forwardButton.setBounds(179, 90, 47, 30)
            // 添加按钮到内容面板
            contentPane.add(forwardButton)
    
            // 设置窗口大小
            setSize(300, 200)
            // 设置窗口可见
            isVisible = true
    
            // 注册事件监听器，监听向后翻页按钮单击事件
            backButton.addActionListener {
        
                if (currentPage < images.size - 1) {
        
                    currentPage++
                }
                label.icon = images[currentPage]
            }
    
            // 注册事件监听器，监听向前翻页按钮单击事件
            forwardButton.addActionListener {
        
                if (currentPage > 0) {
        
                    currentPage--
                }
                label.icon = images[currentPage]
            }
    
        }
    
    
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("标签和按钮")
    }

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

ImageIcon数组，用于标签切换图标，注意Icon是接口，ImageIcon是实现Icon接口。

运行效果

![在这里插入图片描述][a36efb44003a45358b2858827bee25f1.gif_pic_center]

[392bb6bc92454de08755244c59ae40c9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/df4a3f32cd1b440f89262b26051a923a.png
[c1e167748179496e815cd1b22ab0be91.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/d92f034e27124f409b6e06326f9a87a3.png
[a36efb44003a45358b2858827bee25f1.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/66f831d7d86346bfab352ccc4427ae93.png