JavaFX HBox

Implementation

Now let’s see the actual implementation of the hbox. We will have a look at two different programs. 

In the first program, we’ll create a basic JavaFX application in which we’ll add two different buttons and a label. Then we’ll use HBox to organize these buttons and label in horizontal form.

In the second program, we’ll update the program by adding a text field to our application. We’ll also add the margin using the inbuilt functions available in HBox class.

Program 1

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
import javafx.geometry.Pos;

public class HBox_Example extends Application { 
   
   @Override 
   public void start(Stage stage) {       
      
        try{

            // setting the title
            stage.setTitle("HBox Example");

            // creating Hbox
            HBox hbox = new HBox(10);

            // creating a scene
            Scene scene = new Scene(hbox, 800, 400);
            
            // creating two buttons
            Button submit = new Button("Button 1");
            Button clear = new Button("Button 2");

            // creating label
            Label label = new Label("HBox Example ( Two Buttons )");
            
            // adding label to hbox
            hbox.getChildren().add(label);
            
            // adding two buttons
            hbox.getChildren().add(submit);
            hbox.getChildren().add(clear);

            // setting alignment
            hbox.setAlignment(Pos.CENTER_LEFT);
            
            // setting the scene
            stage.setScene(scene);

            stage.show();
            
        } catch (Exception e){
            e.printStackTrace();
        }

   } 

   public static void main(String args[]){ 
        // launching the application
        launch(args); 
   }
}

You can also try this code with Online Java Compiler

Run Code

Output

Program 2

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;
import javafx.geometry.Pos;
import javafx.geometry.Insets;


public class HBox_Example extends Application { 
   @Override 
   public void start(Stage stage) {       
      
        try{

            // setting the title
            stage.setTitle("HBox Example");

            // creating HBox
            HBox hbox = new HBox(10);

            // creating a scene
            Scene scene = new Scene(hbox, 800, 400);
            
            //creating a text field 
            TextField textField = new TextField();
            
            // creating two buttons
            Button submit = new Button("Submit");
            Button clear = new Button("Clear");

            // creating label
            Label label = new Label("HBox Example (Two Buttons and Textfield) ");
            
            // adding label to hbox
            hbox.getChildren().add(label);
            
            // adding textfield
            hbox.getChildren().add(textField);

            // adding two buttons
            hbox.getChildren().add(submit);
            hbox.getChildren().add(clear);

            // setting alignment
            hbox.setAlignment(Pos.CENTER_LEFT);

            // setting margin
            hbox.setMargin(label, new Insets(0, 0, 0, 25));
            hbox.setMargin(textField, new Insets(0, 50, 0, 25));
            hbox.setMargin(submit, new Insets(0, 0, 0, 25));
            hbox.setMargin(clear, new Insets(0, 0, 0, 25));
            
            // setting the scene
            stage.setScene(scene);

            stage.show();
            
        } catch (Exception e){
            e.printStackTrace();
        }

   } 
   public static void main(String args[]){ 
        // launching the application
        launch(args); 
   } 
}

You can also try this code with Online Java Compiler

Run Code

Output

Frequently Asked Questions

What is HBox and VBox in JavaFX?

The display panes In JavaFX 2.0, HBox and VBox are without a doubt the most fundamental layout containers. As implied by their name, their goal is to arrange all of their children in a single vertical column (VBox) or horizontal row (HBox ).
 

Which method is used to create JavaFX application?

To create a javaFX application start() method is used. The primary entry point for all JavaFX applications is the start() function.
 

Which method is used to launch JavaFX application?

Launch() method is used to launch the JavaFX application.

Conclusion

In this article, we have extensively discussed the HBox Class present inside JavaFx Framework. We have seen different constructors to initialize the HBox object. Also, we have seen different methods available inside the class along with their implementation.
 

If you think this blog has helped you enhance your knowledge about JavaFx Hbox and if you would like to learn more, check out our articles JavaFX, JavaFX Arc, JavaFX Parallel Transition, JavaFX Fade Transition and many more on our Website.

Refer to our Guided Path on Coding Ninjas Studio to upskill yourself in Data Structures and Algorithms, Competitive Programming, JavaScript, System Design, and many more! If you want to test your competency in coding, you may check out the mock test series and participate in the contests hosted on Coding Ninjas Studio! But if you have just started your learning process and are looking for questions asked by tech giants like Amazon, Microsoft, Uber, etc; you must look at the problems, interview experiences, and interview bundle for placement preparations.

Nevertheless, you may consider our paid courses to give your career an edge over others!

Happy Learning!