Question

Can someone please comment this on what the javafx do and how they are implemented?

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Paint;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class TextPanel extends Application {

    GridPane grid = null;
    Text scenetitle = null;

    Label tDrawLabel = null;
    Label bsc345Label = null;
    HBox THBox = null;
    VBox mVBox = new VBox(2);
    Stage primaryStage = null;

    @Override
    public void start(Stage primaryStage) {

        this.primaryStage = primaryStage;

        grid = new GridPane();

        grid.setAlignment(Pos.CENTER);
        grid.setHgap(5);
        grid.setVgap(5);
        grid.setPadding(new Insets(20, 5, 20, 5));

        mVBox.setStyle("-fx-padding: 10;"
                + "-fx-border-style: solid inside;" + "-fx-border-width: 2;"
                + "-fx-border-insets: 5;" + "-fx-border-radius: 5;"
                + "-fx-border-color: blue;");
        scenetitle = new Text("Text Draw");
        scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
        grid.add(scenetitle, 1, 1, 1, 1);

        THBox = new HBox(4);


        tDrawLabel = new Label("TextDraw");
        tDrawLabel.setFont(new Font("Arial", 20));
        //textDrawLabel.setSpacing(10);
        tDrawLabel.setPadding(new Insets(0, 40, 10, 40));
        
        THBox.getChildren().add(tDrawLabel);

        mVBox.getChildren().add(THBox);
        bsc345Label = new Label("BSC 345");
        bsc345Label.setFont(new Font("Arial", 80));
        mVBox.getChildren().add(bsc345Label);

        primaryStage.setTitle("");
        Scene scene = new Scene(mVBox, 375, 225);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    /**
     * @param args
     * the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
}

Answer 1

javafx is a java package used for graphics and media related activities like adding rich text, buttons, events,effects and other related GUI components. As a whole Javafx is used to create rich text applications with a beautiful and interactive interfaces.

We have alot of options available with javafx like buttons,textareas,panels,grids etc which can be customized also, like in the program given here, mvBOX is customized by adding style elements.

Some of the components of javafx are as below: -

1. Java APIs - Javafx has a well defined API classes than can be used very easily just by importing them.

2. FXML - It is XML- based markup language used to design the application using XML declaratives.

3. Swing Interoperability :- Swing applications can be easily updated with javafx and web content.

4. Multitouch Support is there.

5. Canvas API - element to add drawing element in java panel. i.e. element to drawing directly within the area,

A javafx implementation typically has following parts which helps to implement a gui rich application.

1. A class extending Application( in case of application with no events) or ActionListner( in case of applicaiton with events/actions).

2. actionPerformed() method in case of applicaitons where events needs to be handled.

3.TextLabels, TextFields ,Buttons etc to show the elements in the screen.

4. for each of these components, classes are present and object can be instantiated and added to screens.

4. To add the objects to the screen, we can have Grids or Panels , which forms the layout of the application.

5. To handle the events of buttons, buttonObject.addActionListner(ActionListener al) method is used. We can pass the this reference in addActionListner if the class is extending to ActionListner.

6.to differentiate between different actions, we can use setActionCommand() method which takes a string as a parameter. Then in actionPerformed() method, we can use event.getActionCommand();

7. actionPerformed() method takes ActionEvent object as a parameter,which defines the current running event which needs to be handled. eg: -

@Override
public void actionPerformed(ActionEvent evt) {
     
   String actionCommand = evt.getActionCommand();
     
   if(actionCommand.equals("getBalance")) {
       balance.setText(getBal().toString());
   } else if(actionCommand.equals("getDescription")) {
       descriptionVal.setText(getDesc());
   } else if(actionCommand.equals("getDeposit")) {
       depositVal.setText(getDepos().toString());
   } else if(actionCommand.equals("setDescription")) {
       setDesc(description.getText());
   } else if(actionCommand.equals("setDeposit")) {
       setDepos(Double.parseDouble(deposit.getText()));
       setBal(bal + Double.parseDouble(deposit.getText()));
   }
  
}

In the application you stated in the question, there is no event handling needed. Just some text is shown with styling. Initially a grid is created and customized. Then HBox and VBox are used to create horizontal and verticle boxes in which text is added using Label which is styled furthur.

To run the applicaiton in main function launch method is used.

Output of the above application is shown below: -

TextDraw BSC 345