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

客官°小女子只卖身不卖艺 2024-03-23 14:30 65阅读 0赞

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

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

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

![在这里插入图片描述][a23e0cd2f5884e00b40e5c4adf3e0171.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.6 分隔面板 ######

Swing中提供了一种分隔面板（JSplitPane）组件，可以将屏幕分成左右或上下两部分。JSplitPane常用的构造函数有：

*  JSplitPane(newOrientation : Int)。创建一个分隔面板，参数newOrientation指定布局方向，newOrientation取值是JSplitPane.HORIZONTAL\_SPLIT水平或JSplitPane.VERTICAL\_SPLIT垂直。
 *  JSplitPane(newOrientation: Int, newLeftComponent: Component!,newRightComponent: Component!)。创建一个分隔面板，参数newOrientation指定布局方向，newLeftComponent左侧面板组件，newRightComponent右侧面板组件。

下面通过示例介绍分隔面板组件，示例如下图所示的界面，界面分左右两部分，左边有列表组件，选中列表项目时右边会显示相应的图片。

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

示例代码如下：

package com.dingjiaxiong
    
    import java.awt.BorderLayout
    import javax.swing.*
    
    class MyFrame(title: String) : JFrame(title) {
        
    
        private val data =
            arrayOf("bird1.gif", "bird2.gif", "bird3.gif", "bird4.gif", "bird5.gif", "bird6.gif")
    
        init {
        
    
            // 右边面板
            val rightPane = JPanel()
            rightPane.layout = BorderLayout(0, 0)
            val lblImage = JLabel()
            lblImage.horizontalAlignment = SwingConstants.CENTER
            rightPane.add(lblImage, BorderLayout.CENTER)
    
            // 左边面板
            val leftPane = JPanel()
            leftPane.layout = BorderLayout(0, 0)
            val lblTextFieldLabel = JLabel("选择鸟儿：")
            leftPane.add(lblTextFieldLabel, BorderLayout.NORTH)
    
            // 列表组件JList
            val list1 = JList(data)
            list1.selectionMode = ListSelectionModel.SINGLE_SELECTION
            // 注册项目选择事件侦听器，采用Lambda表达式。
            list1.addListSelectionListener {
         e ->
                if (!e.valueIsAdjusting) {
        
                    // 获得选择的内容
                    val itemString = list1.selectedValue as String
                    val petImage =
                        "D:\\DingJiaxiong\\IdeaProjects\\KotlinStudy\\chapter23\\src\\com\\dingjiaxiong\\icon\\$itemString"
                    val icon = ImageIcon(petImage)
                    lblImage.icon = icon
                }
            }
            leftPane.add(list1, BorderLayout.CENTER)
    
            // 分隔面板
            val splitPane = JSplitPane(JSplitPane.HORIZONTAL_SPLIT, leftPane, rightPane)
            splitPane.dividerLocation = 100
            contentPane.add(splitPane, BorderLayout.CENTER)
    
            // 设置窗口大小
            setSize(300, 200)
            // 设置窗口可见
            isVisible = true
        }
    }
    
    fun main() {
        
    
        // 创建MyFrame 对象
        MyFrame("分隔面板")
    }

运行结果

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

[a23e0cd2f5884e00b40e5c4adf3e0171.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/dc19949e668a4c109cca4851148b946f.png
[0ace60bf2a2a4896a92a5ac55dde3bfe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f1d2f50793b5415cb3467edbf6b45cf8.png
[e92dac7adf234a46a27e5dae69a1d55b.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/c4bc6c964f0c405aa1970c9da52b9353.png

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

发表评论取消回复

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

相关阅读

相关【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.5 Swing组件 23.5.4 下拉列表

相关【2023】Kotlin教程第三篇 Kotlin进阶第23章 Kotlin与Java Swing图形用户界面编程 23.5 Swing组件 23.5.2 文本输入组件

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

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

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

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