JAVAFX:交通灯

最新推荐文章于 2022-07-25 08:08:59 发布

原创最新推荐文章于 2022-07-25 08:08:59 发布 · 851 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javafx #import #交通 #c

JavaFX 专栏收录该内容

5 篇文章

订阅专栏

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;
/**
* @author Smartken
*/
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像素

                ]
}

}
}