Question

Write a JavaFX application that allows the user to select a color out of five options provided by a set of radio buttons. Change the color of a displayed square accordingly.

Can you provide a picture as well of the application? Thanks

Answer 1

//Java code

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.RadioButton;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.FlowPane;
import javafx.scene.paint.Color;

import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;



public class SquareFillGUI extends Application {

    RadioButton rd1, rd2,rd3,rd4,rd5;
    @Override
    public void start(Stage primaryStage) throws Exception {
        /**
         * Create radio buttons
         */
        rd1 = new RadioButton("Blue");
        rd2 = new RadioButton("Yellow");
        rd3 = new RadioButton("Red");
        rd4 = new RadioButton("Green");
        rd5 = new RadioButton("Purple");
        /**
         * Add radio buttons to toggle group
         * So the at a time one button is
         * active
         */
        ToggleGroup toggleGroup = new ToggleGroup();
        rd1.setToggleGroup(toggleGroup);
        rd2.setToggleGroup(toggleGroup);
        rd3.setToggleGroup(toggleGroup);
        rd4.setToggleGroup(toggleGroup);
        rd5.setToggleGroup(toggleGroup);
        //Create rectangle
        Rectangle rectangle = new Rectangle(200,200);

        rectangle.setFill(Color.TRANSPARENT);
        rectangle.setStroke(Color.BLACK);
        rd1.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                rectangle.setFill(Color.BLUE);
            }
        });
        rd2.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                rectangle.setFill(Color.YELLOW);
            }
        });
        rd3.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                rectangle.setFill(Color.RED);
            }
        });
        rd4.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                rectangle.setFill(Color.GREEN);
            }
        });
        rd5.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                rectangle.setFill(Color.PURPLE);
            }
        });



        FlowPane pane = new FlowPane();
        pane.setAlignment(Pos.BASELINE_CENTER);
        pane.setVgap(10);
        pane.setHgap(10);
        pane.getChildren().addAll(rd1,rd2,rd3,rd4,rd5);
        pane.getChildren().add(rectangle);
        Scene scene = new Scene(pane,350,250);
        primaryStage.setScene(scene);

        primaryStage.setTitle("Fill Square");
        primaryStage.show();
    }

    public static void main(String[] args)
    {
        launch(args);
    }
}

//Output

//If you need any help regarding this solution ....... please leave a comment ........ thanks