javaFx 学习--之组件篇1(边框与布局管理1菜单)

最新推荐文章于 2025-06-01 00:03:30 发布

原创最新推荐文章于 2025-06-01 00:03:30 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javafx #button #action #import #border #menu

本文介绍了如何使用JavaFX创建带有菜单的界面，并展示了如何设置菜单条、菜单、菜单项以及快捷键。同时，文章还涵盖了GridPanel布局的使用，包括边距设置、组件排列和交互操作，例如按钮点击计数功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这次我们学习菜单组件(源码以上传):

代码如下:

import javafx.ui.*;

import java.lang.System;

        class ButtonClickModel {
            attribute numClicks: Number;//定义属性numClicks数字类型
        }

var model = new ButtonClickModel();//实例化

        Frame {
            width: 200
            height:100
            menubar: MenuBar {//菜单条
                 menus: Menu {//菜单
                     text: "File"
                     mnemonic: F//快捷键F
                     items: MenuItem {//菜单项
                         text: "Exit"//文本
                         mnemonic: X//快捷键X
                         accelerator: {
                             modifier: ALT//快捷组合键ALT
                             keyStroke: F4//按键F4
                         }
                         action: operation() {
                             System.exit(0);//动作退出
                         }
                     }
                 }
            }
            content: GridPanel {//网格布局
                border: EmptyBorder {//空边框
                   top: 300//顶距
                   left: 300//左距
                   bottom: 30//低距
                   right: 30//右距----->说明一下这里的距离是指javaFx运行时出的界面边框，与内组件边框的距离
                }
                rows: 2//2行
                columns: 1//一列
                vgap: 10//垂直间距
                cells://单元
                [Button {//按钮
                     text: "I'm a button!"//文本
                     mnemonic: I//定义变量I
                     action: operation() {
                         model.numClicks++;//单击自加
                    }
                },
                Label {
                    text: bind "Number of button clicks: {model.numClicks}"//定义标签
                }]
            }
            centerOnScreen: true//居中
            visible: true//设为可见
        }

运行效果如下: