【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.3 事件处理模型 23.3.1 内部类和对象表达式处理事件

左手的ㄟ右手 2024-03-23 13:47 41阅读 0赞

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

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

*   *  【2023】Kotlin教程
     *   *  第三篇 Kotlin进阶
         *  第23章 Kotlin与Java Swing图形用户界面编程
         *   *  23.3 事件处理模型
             *   *  23.3.1 内部类和对象表达式处理事件

![在这里插入图片描述][ef090e9ade35473393abc7a9b58a4fa8.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.3 事件处理模型 #####

图形界面的组件要响应用户操作，就必须添加事件处理机制。Swing采用AWT的事件处理模型进行事件处理。在事件处理的过程中涉及三个要素：

1.  事件。是用户对界面的操作，在Java中事件被封装称为事件类java.awt.AWTEvent及其子类，例如按钮单击事件类是java.awt.event.ActionEvent。
2.  事件源。是事件发生的场所，就是各个组件，例如按钮单击事件的事件源是按钮（Button）。
3.  事件处理者。是事件处理程序，在Java中事件处理者是实现特定接口的事件对象。

在事件处理模型中最重要的是事件处理者，它根据事件（假设XXXEvent事件）的不同会实现不同的接口，这些接口命名为XXXListener，所以事件处理者也称为事件监听器。最后事件源通过addXXXListener函数添加事件监听，监听XXXEvent事件。各种事件和对应的监听器接口，如下表所示。

**事件类型和事件监听器接口：**

<table> 
 <thead> 
  <tr> 
   <th align="center">事件类型</th> 
   <th align="center">相应监听器接口</th> 
   <th align="center">监听器接口中的函数</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">Action</td> 
   <td align="center">ActionListener</td> 
   <td align="center">actionPerformed(ActionEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Item</td> 
   <td align="center">ItemListener</td> 
   <td align="center">itemStateChanged(ItemEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Mouse</td> 
   <td align="center">MouseListener</td> 
   <td align="center">mousePressed(MouseEvent)、mouseReleased(MouseEvent)、mouseEntered(MouseEvent)、mouseExited(MouseEvent)、mouseClicked(MouseEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Mouse Motion</td> 
   <td align="center">MouseMotionListener</td> 
   <td align="center">mouseDragged(MouseEvent)、mouseMoved(MouseEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Key</td> 
   <td align="center">KeyListener</td> 
   <td align="center">keyPressed(KeyEvent)、keyReleased(KeyEvent)、keyTyped(KeyEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Focus</td> 
   <td align="center">FocusListener</td> 
   <td align="center">focusGained(FocusEvent)、focusLost(FocusEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Adjustment</td> 
   <td align="center">AdjustmentListener</td> 
   <td align="center">adjustmentValueChanged(AdjustmentEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Component</td> 
   <td align="center">ComponentListener</td> 
   <td align="center">componentMoved(ComponentEvent)、componentHidden(ComponentEvent)、componentResized(ComponentEvent)、componentShown(ComponentEvent)、</td> 
  </tr> 
  <tr> 
   <td align="center">Window</td> 
   <td align="center">WindowListener</td> 
   <td align="center">windowClosing(WindowEvent)、windowOpened(WindowEvent)、windowIconified(WindowEvent)、windowDeiconified(WindowEvent)、windowClosed(WindowEvent)、windowActivated(WindowEvent)、windowDeactivated(WindowEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Container</td> 
   <td align="center">ContainerListener</td> 
   <td align="center">componentAdded(ContainerEvent)、componentRemoved(ContainerEvent)</td> 
  </tr> 
  <tr> 
   <td align="center">Text</td> 
   <td align="center">TextListener</td> 
   <td align="center">textValueChanged(TextEvent)</td> 
  </tr> 
 </tbody> 
</table>

事件处理者可以是实现了XXXListener接口任何形式，即：一般类、内部类、对象表达式和Lambda表达式等；如果XXXListener接口只有一个抽象函数，事件处理者还可以是Lambda表达式。为了访问窗口中的组件方便，往往使用内部类、对象表达式和Lambda表达式。

###### 23.3.1 内部类和对象表达式处理事件 ######

内部类和对象表达式能够方便访问窗口中的组件，本节先介绍内部类和对象表达式实现的事件监听器。

下面通过一个示例介绍采用内部类和对象表达式实现的事件处理模型，如下图所示的示例，界面中有两个按钮和一个标签，当单击Button1或Button2时会改变标签显示的内容。

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

示例代码如下：

package com.dingjiaxiong
    
    import java.awt.BorderLayout
    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("Label")
    
        init {
        
            // 创建Button1
            val button1 = JButton("Button1")
            // 创建Button2
            val button2 = JButton("Button2")
    
            // 注册事件监听器, 监听Button1单击事件
            button1.addActionListener(object : ActionListener {
        
                override fun actionPerformed(e: ActionEvent?) {
        
                    label.text = "Hello Swing!"
                }
            })
    
            // 注册事件监听器, 监听Button2单击事件
            button2.addActionListener(ActionEventHandler())
    
            // 添加标签到内容面板
            contentPane.add(label, BorderLayout.NORTH)
    
            // 添加Button1到内容面板
            contentPane.add(button1, BorderLayout.CENTER)
    
            // 添加Button2到内容面板
            contentPane.add(button2, BorderLayout.SOUTH)
    
            // 设置窗口大小
            setSize(350, 120)
    
            // 设置窗口可见
            isVisible = true
        }
    
        // Button2事件处理者
        inner class ActionEventHandler : ActionListener {
        
            override fun actionPerformed(e: ActionEvent?) {
        
                label.text = "Hello World!"
            }
        }
    
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("事件处理模型")
    }

运行结果

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

单击Button1

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

单击Button2

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

`contentPane.add(label, BorderLayout.NORTH)` 将标签添加到内容面板，这个add函数与前面介绍的有所不同，它的第二个参数是指定组件的位置

[ef090e9ade35473393abc7a9b58a4fa8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/da7b3f366396480f86d577cb72e9b9fd.png
[d2bb796360d245fdbb0ddde8e6f4b47d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/0d6f38eb35154f49ab4be382f0a5cc13.png
[b7a2ef7322ec47dfbb28616123c64752.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9154e0d934aa4a238b504820a598b340.png
[ead637c3201e408b816ff02d92891cb7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9c95293b6a3745709d17b2224dbdd6a2.png
[d7fd0af2261a4ac39eca4a2c04bc203a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/3d40b88df4af407c988798a9022c0adc.png