Javafx? ???? ??? UI? ???? ???? ?? ??? ???? ???? ?? UI ?? ??, ????, ??? ??, FXML ?? ??, CSS ??? ? ????? ??? ????????. 1. Javafx ????? ?? ? ? Maven? ???? ?? Javafx-Controls ???? ??????. ??? ??? SDK? ???? ???? -Module-Path ? -add-Modules ?? ?? ??? ??????. 2. ?? ????? ???? ?? ?? ???? ???, ?? () ???? ????? ??, ??, ?? (? : ??, ???) ? ??? ?? (? : setOnaction)? ???? unrneg ()? ?? ?? ????? ??????. 3. Vbox, Hbox, GridPane ? ?? ???? ???? ???? ?????? ???? SetPadding, SetVGAP ? ?? ??? ?? ??? ??????. CSS ??? ?? getStyleclass () ? getStylesheets ()? ???? ?? ??? ??????. 4. ??? UI? ?? FXML? ????? ??? ???? ? ?????. FX : ID? ???? ????? ??? ???? @FXML ??? ?? ?? ??? ???? ??? ??? ????? ?? ? ????? ??? ?????. 5. Fadetransition ? TranslateTransition? ?? ????? ???? ???? ??? ??? ????? Platform.Runlater ()? ???? UI? Javafx ????? ????????? ?? ??? ???? ???? ?? ?? ??? (BAND ()? ??)? ??????. ????? ??? ?? ???? ???? ???, FXML ? ?????? ?? ???? ?? ???? ?? ????? ??? ?? ????.

Javafx? Java?? ???? ??? ??? ?????? ?????? ??? ??? ?????. Swing? ?? ?? GUI ??? ?? Javafx? ???? UI ??? ????? ???????. ???? ???? ?? ???? ???? ?? ????? ???? ?? Javafx? ??? ?????.

Javafx? ???? ??? UI? ????? ???? ???? ??? ??? ????.

1. Javafx ???? ??

UI ????? ????? ?? ?? ??? Javafx? ????? ??????. Java 8 ?? JDK?? Javafx? ??????? ??? ????? ???????.

Maven ?? :

 <???>
    <groupid> org.openjfx </groupid>
    <artifactid> javafx-controls </artifactid>
    <??> 18 </??>
</???>

?? Javafx SDK? ?????? IDE (Intellij, Eclipse ?)?? ??????. ?? ??? ? --module-path ? --add-modules VM ??? ??????.

2. ?? ?? ? ? ??

?? JAVAFX ?? ????? Application ???? ???? ?????. start() ???? UI? ???? ????.

 ?? ??? ?? ??? ???? ?? ???? {
    @??
    Public Void Start (Stage Primarystage) {
        ?? ?? = ? ?? ( "??? ??????!");
        ??? ??? = ? ??? ( "Hello, Javafx!");

        button.setonaction (e-> label.settext ( "?? ??!"));

        vbox root = new vbox (10, ???, ??);
        root.setalignment (pos.center);

        ?? ?? = ??? ?? (??, 300, 200);
        PrimaryStage.SetTitle ( "??? UI");
        Primarystage.setscene (??);
        PrimaryStage.show ();
    }

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

? ??? :

• Button ???? Label ???????.
• VBox ???? ??? ??? ?????.
• setOnAction() ???? ??? ??? ?????. ??? ?? ??? ?????.

3. ????? ???? UI ??

Javafx? ?? ??? ?? ??? ???? ?? ?? ???? ?? ( HBox , VBox , GridPane , BorderPane )? ?????.

? : ??? ??? ??? ?????

 GridPane Grid = New GridPane ();
Grid.setPadding (? ?? (10));
Grid.setVgap (8);
Grid.sethgap (10);

Textfield Namefield = New TextField ();
?? ??? = ? ?? ( "??");

grid.add (? ??? ( "?? :"), 0, 0);
grid.add (Namefield, 1, 0);
grid.add (subbltn, 1, 1);

submitbtn.setonaction (e-> {
    Alert Alert = New Alert (alert.alertType.Information);
    alert.setContentText ( "hello,"namefield.getText () ");
    alert.showandwait ();
});

CSS? ???? UI? ???? ? ?? ????.

 submitbtn.getStyleClass (). add ( "?? ??");
scene.getStylesheets (). add ( "Styles.css");

styles.css :

 .Submit-Button {
    -fx-background-color : #4caf50;
    -fx- ??? ?? : ??;
    -fx-font-size : 14px;
}

4. ??? UI ??? FXML ??

? ? ?? ??? ?? ????? ?????? XML ?? ?? ? FXML? ???? ??? ??? UI ??.

Sample.fxml :

 <vbox xmlns = "http://javafx.com/javafx"spacing = "10"alignment = "center">
    <TextField fx : id = "inputfield"promptext = "???? ??"/>
    <?? ??? = "hello"onaction = "#onbuttonclick"/>
    <label fx : id = "outputlabel"/>
</vbox>

???? ??? :

 ?? ??? ?? ???? {
    @fxml ?? ??? ?? ?? ??;
    @fxml ?? ??? outputlabel;

    @fxml
    ?? void onbuttonclick () {
        outputlabel.settext ( "hello,"inputfield.getText () ");
    }
}

????????.

 fxmlloader loader = new fxmlloader (getClass (). getResource ( "sample.fxml");
root = loader.load ();
MainController Controller = loader.getController ();

??? ??? ??? ???? UI ??? ? ?? ????.

5. ????? ? ?? ??

Javafx? ??? ?????? ???? ??? ??? ??????.

??? ? ????? ? :

 Fadetransition fade = ??? fadetransition (duration.seconds (1), outputlabel);
Fade.setfromValue (0.0);
??? .SetTovalue (1.0);
Fade.Play ();

?? ???? ??? ???? ?? TranslateTransition , RotateTransition ? Timeline ????.

?? ?

• Javafx ?? ???? ??? ?? ?? UI ????? ??????. ????? ?? ??? Platform.runLater() ??????.
• ?? UI ?????? ?? ??? :

   label.textProperty (). bind (inputfield.textProperty ());

• ??? ? ?? UI ???? Scene Builder (Visual FXML ???)? ??????.

---

Javafx? ???? ??? UI? ???? ??? ??, ??? ?? ?? ? Visual Polar? ?????. ????, ???, FXML ? ?????? ??? ?? ? ??? ?? ????? ??? ?? ?? ???? ?? ????? ?? ? ????.

????? ?? ????? (?)? ?? ??? ?? ????, FXML ? ??????? ???? ???? ???? ?????.

? ??? Javafx? ???? ??? UI? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!