JavaFX Circle radius control application

JavaFx User Interface Components: Exercise-16 with Solution

Write a JavaFX program with a slider that controls the radius of a circle. Display the width value using a label.

Sample Solution:

JavaFx Code:


import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class Main extends Application {

    public static void main(String[] args) {

    public void start(Stage primaryStage) {
        primaryStage.setTitle("Circle Radius Control");

        // Create a slider to control the radius.
        Slider radiusSlider = new Slider(10, 100, 50); // Min: 10, Max: 100, Initial: 50

        // Create a label to display the current radius value.
        Label radiusLabel = new Label("Radius: " + radiusSlider.getValue());

        // Create a circle with an initial radius.
        Circle circle = new Circle(150, 150, radiusSlider.getValue());

        // Bind the circle's radius to the slider value.

        // Update the label text when the slider value changes.
        radiusSlider.valueProperty().addListener((observable, oldValue, newValue) ->
                radiusLabel.setText("Radius: " + newValue.intValue()));

        // Create a layout (VBox) to arrange the components.
        VBox root = new VBox(10);
        root.getChildren().addAll(radiusSlider, radiusLabel, circle);

        // Create the scene and set it in the stage.
        Scene scene = new Scene(root, 300, 300);

        // Set the title of the window.

In the above JavaFX exercise, we use a slider to control the radius of a circle. The current radius value is displayed using a label. The Circle's radius is bound to the slider value to update it automatically.

Sample Output:

JavaFx: JavaFX Circle radius control application.
JavaFx: JavaFX Circle radius control application.
JavaFx: JavaFX Circle radius control application.


Flowchart: JavaFX Circle radius control application.

Java Code Editor:

Previous: JavaFX wireless mode selection application.
Next: JavaFX Media player interface with progress slider.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.