天天看點

JAVAFX:交通燈

 import javafx.stage.Stage;

import javafx.scene.Scene;

import javafx.ext.swing.SwingRadioButton;

import javafx.ext.swing.SwingToggleButton;

import javafx.ext.swing.SwingToggleGroup;

import javafx.scene.layout.HBox;

import javafx.scene.layout.VBox;

import javafx.scene.shape.Circle;

import javafx.scene.paint.Color;

var group=SwingToggleGroup {};

var r1=SwingRadioButton {text: "Red"   toggleGroup: group};

var r2=SwingRadioButton {text: "Yellow" toggleGroup:group};

var r3=SwingRadioButton {text: "Green" toggleGroup:group};

var c1=Circle {

    centerX: 20,

    centerY: 20

    radius: 20

    fill: bind if(r1.selected!=true)

                            then Color.GREY

                            else Color.RED

}

var c2=Circle {

    centerX: 20,

    centerY: 20

    radius: 20

     fill: bind if(r2.selected!=true)

                            then Color.GREY

                            else Color.YELLOW

}

var c3=Circle {

    centerX: 20,

    centerY: 20

    radius: 20

     fill: bind if(r3.selected!=true)

                            then Color.GREY

                            else Color.GREEN

}

Stage {

    title: "MyApp"

    visible:true

    width: 800

        height: 600

    scene: Scene {

        content:HBox{ spacing:20 content:           //水準布局,元素之間間隔20像素

            [

                VBox{spacing:10 content:[r1,r2,r3]},        //三個單選按鈕使用垂直布局,元素之間間隔10像素

                HBox{spacing:10 content:[c1,c2,c3]}      //三個垂直按鈕使用水準布局,元素之間間隔10像素

                ]

}

    }

}