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

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

代码如下:

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//设为可见
        }

运行效果如下: