{"id":197984,"date":"2013-10-21T20:13:03","date_gmt":"2013-10-21T16:13:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=197984"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=197984","title":{"rendered":"JavaFX, HelloWorld + CSS + FXML. \u041e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0435<\/span>"},"content":{"rendered":"
\tHelloWorld \u0438\u0437 \u043f\u0440\u0438\u043c\u0435\u0440\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e Oracle \u0432 \u00abGetting Started with JavaFX\u00bb, \u043d\u0430 \u041f\u041a \u0441 Windows. \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u043a\u043d\u0430 \u0432\u0432\u043e\u0434\u0430 \u043b\u043e\u0433\u0438\u043d\u0430 \u0438 \u043f\u0430\u0440\u043e\u043b\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b \u043d\u0430 FXML, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 CSS \u0432 FXML’\u043e\u0432\u043e\u0439 \u0444\u043e\u0440\u043c\u0435. \u0421\u043d\u043e\u0432\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u0438 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u043c \u043d\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u0432 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435.<\/p>\n

<\/a><\/p>\n

\u0412 \u043f\u0435\u0440\u0432\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Getting Started with JavaFX<\/a> \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0435\u043d\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f JavaFX, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0437\u0430\u0432\u0435\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0437\u0434\u0435\u0441\u044c<\/a>. \u0412\u043e \u0432\u0442\u043e\u0440\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u043a\u043d\u043e \u0432\u0432\u043e\u0434\u0430 \u043b\u043e\u0433\u0438\u043d\u0430 \u0438 \u043f\u0430\u0440\u043e\u043b\u044f. \u041e\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0442\u0443\u0442<\/a>. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043a\u043e\u0434 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0440\u043e\u0441 \u0432 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445. <\/p>\n

HelloWorld.java<\/b><\/p>\n
\n
package helloworld;  import javafx.application.Application; import javafx.event.ActionEvent; import javafx.event.EventHandler; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.StackPane; import javafx.stage.Stage; import javafx.scene.layout.GridPane; import javafx.geometry.*; import javafx.scene.text.*; import javafx.scene.control.*; import javafx.scene.paint.*; import javafx.scene.layout.HBox;  public class HelloWorld extends Application { \tpublic static void main(String[] args) { \t\tlaunch(args); \t} \t@Override \tpublic void start(Stage primaryStage) { \t\tprimaryStage.setTitle("JavaFX Welcome"); \t\tGridPane grid = new GridPane(); \t\tgrid.setAlignment(Pos.CENTER); \t\tgrid.setHgap(10); \t\tgrid.setVgap(10); \t\tgrid.setPadding(new Insets(25, 25, 25, 25)); \/\/\t\tgrid.setGridLinesVisible(true);  \t\tText scenetitle = new Text("Welcome"); \t\tscenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));  \t\tgrid.add(scenetitle, 0, 0, 2, 1); \t\tLabel userName = new Label("User Name:"); \t\tgrid.add(userName, 0, 1); \t\tTextField userTextField = new TextField(); \t\tgrid.add(userTextField, 1, 1); \t\tLabel pw = new Label("Password:"); \t\tgrid.add(pw, 0, 2); \t\tPasswordField pwBox = new PasswordField(); \t\tgrid.add(pwBox, 1, 2);  \t\tButton btn = new Button("Sign in"); \t\tHBox hbBtn = new HBox(10); \t\thbBtn.setAlignment(Pos.BOTTOM_RIGHT); \t\thbBtn.getChildren().add(btn); \t\tgrid.add(hbBtn, 1, 4);  \t\tfinal Text actiontarget = new Text(); \t\t\tgrid.add(actiontarget, 1, 6);  \t\tbtn.setOnAction(new EventHandler<ActionEvent>() { \t\t  \t\t    @Override \t\t    public void handle(ActionEvent e) { \t\t\tactiontarget.setFill(Color.FIREBRICK);  \t\t\tactiontarget.setText("Sign in button pressed"); \t\t    } \t\t}); \t\t \t\tScene scene = new Scene(grid, 300, 275); \t\tprimaryStage.setScene(scene);  \t\tscene.getStylesheets().add \t\t     (HelloWorld.class.getResource("HelloWorld.css").toExternalForm());  \t\tprimaryStage.show(); \t} } <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u041a\u043e\u043c\u0430\u043d\u0434\u044b \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u0437\u0430\u043f\u0443\u0441\u043a\u0430, \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438 \u0432 jar \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 jar, \u043a\u0430\u0436\u0434\u0430\u044f \u0432 \u0441\u0432\u043e\u0435\u043c CMD-\u0444\u0430\u0439\u043b\u0435, \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u043f\u0440\u0435\u0436\u043d\u0438\u043c\u0438.  <\/p>\n
\u041a\u043e\u043c\u0430\u043d\u0434\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430<\/b><\/p>\n
\n
@"C:\\Program Files\\Java\\jdk1.7.0_40\\bin\\javac" -d out -classpath "C:\\Program Files\\Java\\jre7\\lib\\jfxrt.jar" src\\helloworld\\HelloWorld.java @"C:\\Program Files\\Java\\jdk1.7.0_40\\bin\\java" -classpath "C:\\Program Files\\Java\\jre7\\lib\\jfxrt.jar;.\\out" helloworld.HelloWorld @"C:\\Program Files\\Java\\jdk1.7.0_40\\bin\\javafxpackager" -createjar -appclass helloworld.HelloWorld -srcdir .\\out -outfile HelloWorld -v @"C:\\Program Files\\Java\\jre7\\bin\\java.exe" -jar HelloWorld.jar @pause <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u0417\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u0442\u0440\u0435\u0442\u044c\u0438\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u043c. \u0422\u0443\u0442\u043e\u0440\u0438\u0430\u043b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u043e\u0439 \u0438\u0437 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430. \u0422\u0430\u043a \u0438 \u0441\u0434\u0435\u043b\u0430\u0435\u043c, \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u043d \u0443 \u043d\u0430\u0441 \u043d\u0435 Login.java, \u0430 HelloWorld.java. \u041f\u0440\u0438\u0448\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c CSS-\u0444\u0430\u0439\u043b.<\/p>\n
  \u041f\u0440\u043e\u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u0435\u043c \u0442\u0435 \u043f\u0443\u043d\u043a\u0442\u044b \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 (\u0432 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 IDE. \u0412 \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u043c \u043f\u0443\u043d\u043a\u0442\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c CSS-\u0444\u0430\u0439\u043b \u0432 \u043f\u0430\u043f\u043a\u0435 src\\login, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f src\\helloworld. \u041d\u0443, \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u0442\u0430\u043a \u0438 \u0441\u0434\u0435\u043b\u0430\u0435\u043c, \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0437\u043e\u0432\u0435\u043c \u0435\u0433\u043e, \u0440\u0430\u0437 \u0443\u0436 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0437\u0434\u043e\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441 \u043c\u0438\u0440\u043e\u043c, HelloWorld.css. \u0425\u043e\u0442\u044c \u044d\u0442\u043e \u0438 \u043d\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0438\u0430\u043b\u044c\u043d\u043e.<\/p>\n
  \u0428\u0435\u0441\u0442\u043e\u0439 \u043f\u0443\u043d\u043a\u0442 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u043a\u0430\u043a\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0430\u0434\u043e \u0432\u043d\u0435\u0441\u0442\u0438 \u0432 \u043a\u043e\u0434 java: \u043f\u043e\u0441\u043b\u0435 \u0441\u0442\u0440\u043e\u043a  <\/p>\n
Scene scene = new Scene(grid, 300, 275); primaryStage.setScene(scene); <\/code><\/pre>\n
\u043d\u0430\u0434\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c  <\/p>\n
scene.getStylesheets().add  (HelloWorld.class.getResource("HelloWorld.css").toExternalForm()); <\/code><\/pre>\n
(\u0441 \u043f\u043e\u043f\u0440\u0430\u0432\u043a\u043e\u0439 \u043d\u0430 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 \u0438 \u043a\u043b\u0430\u0441\u0441\u043e\u0432), \u0430\u043a\u043a\u0443\u0440\u0430\u0442 \u043f\u0435\u0440\u0435\u0434  <\/p>\n
primaryStage.show(); <\/code><\/pre>\n
  \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u043c\u043e\u0433\u043b\u0438 \u043a\u0430\u043a-\u0442\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f CSS-\u0444\u0430\u0439\u043b\u043e\u043c, \u043d\u0430\u0434\u043e \u044d\u0442\u0438\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u043c \u0434\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u044b. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0434\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u0442\u0440\u043e\u043a\u0438  <\/p>\n
scenetitle.setFont(Font.font(\u201cTahoma\u201d, FontWeight.NORMAL, 20));   <\/code><\/pre>\n
\u0438  <\/p>\n
actiontarget.setFill(Color.FIREBRICK); <\/code><\/pre>\n
\u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0445 \u043d\u0430   <\/p>\n
scenetitle.setId("welcome-text"); <\/code><\/pre>\n
\u0438  <\/p>\n
actiontarget.setId("actiontarget"); <\/code><\/pre>\n
\u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e. \u0410 \u043b\u0443\u0447\u0448\u0435, \u043d\u0430 \u0432\u0441\u044f\u043a\u0438\u0439 \u0441\u043b\u0443\u0447\u0430\u0439, \u043d\u0435 \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c, \u0430 \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u043c, \u0430 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0442\u0440\u043e\u0447\u043a\u043e\u0439 \u043d\u0438\u0436\u0435.<\/p>\n
  \u0418, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u043d\u0430\u0434\u043e \u043d\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0444\u0430\u0439\u043b \u0441 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c\u0438 \u0441\u0442\u0438\u043b\u0435\u0439.  <\/p>\n
HelloWorld.css<\/b><\/p>\n
\n
.root {      -fx-background-image: url("background.jpg"); } .label {     -fx-font-size: 12px;     -fx-font-weight: bold;     -fx-text-fill: #333333;     -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 ); } #welcome-text {    -fx-font-size: 32px;    -fx-font-family: "Arial Black";    -fx-fill: #818181;    -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.7) , 6, 0.0 , 0 , 2 ); } #actiontarget {   -fx-fill: FIREBRICK;   -fx-font-weight: bold;   -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );   } .button {     -fx-text-fill: white;     -fx-font-family: "Arial Narrow";     -fx-font-weight: bold;     -fx-background-color: linear-gradient(#61a2b1, #2A5058);     -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 5, 0.0 , 0 , 1 ); } .button:hover {     -fx-background-color: linear-gradient(#2A5058, #61a2b1); } <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u041d\u0430\u043f\u043e\u043b\u043d\u0438\u043b \u0441\u0440\u0430\u0437\u0443 \u0432\u0441\u0435\u043c, \u0447\u0442\u043e \u043f\u043e \u0442\u0435\u043a\u0441\u0442\u0443 \u0442\u0440\u0435\u0442\u044c\u0435\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432\u0442\u044b\u043a\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e, \u043b\u044e\u0431\u0443\u044f\u0441\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c — \u0444\u043e\u043d\u043e\u0432\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430, \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0442\u0435\u043a\u0441\u0442\u0430, \u044d\u0444\u0444\u0435\u043a\u0442\u044b \u043a\u043d\u043e\u043f\u043a\u0438.<\/p>\n
  \u0410\u0445 \u0434\u0430, \u043d\u0430\u0434\u043e \u0436\u0435 \u0435\u0449\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0434\u043b\u044f \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u2026 \u041d\u0443, \u044f \u043d\u0435 \u0441\u0442\u0430\u043b \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c, \u0430 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043b \u043f\u0435\u0440\u0432\u0443\u044e \u043f\u043e\u043f\u0430\u0432\u0448\u0443\u044e\u0441\u044f. \u041f\u0435\u0440\u0432\u043e\u0439 \u043f\u043e\u043f\u0430\u043b\u0430\u0441\u044c \u0444\u043e\u043d\u043e\u0432\u0430\u044f (\u0438\u0440\u043e\u043d\u0438\u0447\u043d\u043e, \u043a\u0430\u043a \u0440\u0430\u0437 \u043a \u043c\u0435\u0441\u0442\u0443) \u0438\u0437 \u043f\u0430\u043f\u043a\u0438 \u00ab\u041c\u043e\u0438 \u0440\u0438\u0441\u0443\u043d\u043a\u0438\\\u041e\u0431\u0440\u0430\u0437\u0446\u044b \u0440\u0438\u0441\u0443\u043d\u043a\u043e\u0432\u00bb — \u0417\u0430\u043a\u0430\u0442.jpg. \u041f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b \u0432 background.jpg \u0438 \u043f\u043e\u043b\u043e\u0436\u0438\u043b \u0440\u044f\u0434\u043e\u043c \u0441 CSS-\u0444\u0430\u0439\u043b\u043e\u043c.<\/p>\n
  \u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c. \u0423\u0441\u043f\u0435\u0448\u043d\u043e. \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c. \u041d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442! \u0418\u0437\u0443\u0447\u0430\u0435\u043c \u0432\u044b\u0432\u043e\u0434 \u043e\u0448\u0438\u0431\u043e\u043a. \u041d\u0430\u0441\u0442\u043e\u0440\u0430\u0436\u0438\u0432\u0430\u0435\u0442 \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0449\u0435\u0435\u0441\u044f Unknown source, \u0441\u0442\u0430\u043b\u043e \u0431\u044b\u0442\u044c, \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a. \u041f\u043b\u044e\u0441 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0431\u0443\u043a\u0432\u044b \u0441\u0440\u0435\u0434\u0438 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e\u0433\u043e \u0431\u0435\u0437\u043e\u0431\u0440\u0430\u0437\u0438\u044f:   <\/p>\n
at helloworld.HelloWorld.start(HelloWorld.java:68) <\/code><\/pre>\n
  \u0410 \u0432 \u0448\u0435\u0441\u0442\u044c\u0434\u0435\u0441\u044f\u0442 \u0432\u043e\u0441\u044c\u043c\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435 \u0443 \u043d\u0430\u0441 \u043a\u0430\u043a \u0440\u0430\u0437 \u0432\u044b\u043a\u043e\u0432\u044b\u0440\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438\u0437 CSS-\u0444\u0430\u0439\u043b\u0430. \u041a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043f\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0432 src\\helloworld. \u0412 \u043a\u043e\u043d\u0442\u0435\u0441\u0442\u0435 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u00ab\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u00bb \u044f \u0434\u0430\u0436\u0435 \u043d\u0435 \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c, \u043f\u043e\u0447\u0435\u043c\u0443 \u0434\u043b\u044f NetBeans \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u043e\u0432 (\u0445\u043e\u0442\u044f \u0438 \u0434\u043e\u0433\u0430\u0434\u044b\u0432\u0430\u044e\u0441\u044c). \u041d\u043e, \u0440\u0430\u0437 \u043c\u044b \u043d\u0438\u0433\u0434\u0435 \u043d\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u043f\u0443\u0442\u044c \u043a \u0444\u0430\u0439\u043b\u0443 \u0441\u0442\u0438\u043b\u0435\u0439, \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u043b\u0435\u0436\u0430\u0442\u044c \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432\u043e\u0437\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0442\u043e \u0438\u043c \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f. \u0410 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 HelloWorld.class, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432 out\\helloworld\\. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0443\u0434\u0430 \u0438 \u043f\u0435\u0440\u0435\u0431\u0440\u043e\u0441\u0438\u043c, \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u043e\u0439.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f. \u041f\u0440\u0430\u0432\u0434\u0430, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0444\u043e\u043d\u043e\u0432\u0430\u044f \u0441\u0438\u043b\u044c\u043d\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u044c\u043d\u043e\u0439, \u0438 \u043a\u0440\u0430\u0441\u043d\u043e\u043a\u0438\u0440\u043f\u0438\u0447\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e \u043d\u0430\u0436\u0430\u0442\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0435 \u043d\u0430 \u043a\u0440\u0430\u0441\u043d\u043e\u043c \u0444\u043e\u043d\u0435 \u043f\u043b\u043e\u0445\u043e \u0432\u0438\u0434\u043d\u043e, \u043d\u043e \u044d\u0442\u043e \u043c\u0435\u043b\u043e\u0447\u0438, \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0438 \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c. \u0417\u0430\u0431\u0430\u0432\u043d\u043e \u0434\u0440\u0443\u0433\u043e\u0435 — \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u0434\u0430\u0434\u0438\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438 \u0432 jar \u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c jar-\u0444\u0430\u0439\u043b \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c.<\/p>\n
  \u041d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f! \u0410 \u0435\u0441\u043b\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0438 \u043a\u043e\u043d\u0441\u043e\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439, \u0430 \u043d\u0435 \u0449\u0435\u043b\u0447\u043a\u043e\u043c \u043f\u043e \u0441\u0430\u043c\u043e\u043c\u0443 \u0444\u0430\u0439\u043b\u0443, \u0442\u043e \u0432\u0438\u0434\u043d\u043e \u043e\u0448\u0438\u0431\u043a\u0438, \u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043e\u043d\u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435\u2026 \u0414\u0430\u0432\u0430\u0439\u0442\u0435-\u043a\u0430 \u0437\u0430\u043b\u0435\u0437\u0435\u043c \u0432 jar, \u043a\u0430\u043a \u0431\u0443\u0434\u0442\u043e \u044d\u0442\u043e \u0430\u0440\u0445\u0438\u0432. \u0422\u0430\u043c \u043b\u0435\u0436\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0430\u043f\u043e\u043a com\\javafx\\main, \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0443\u0442\u0438\u043b\u0438\u0442\u043e\u0439 javafxpackager, \u0438 META-INF \u0441 \u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u043e\u043c, \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e \u0441\u0435\u0439\u0447\u0430\u0441. \u0410 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430 \u043f\u0430\u043f\u043a\u0430 helloworld, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0435\u0442 HelloWorld.css, \u0437\u0430\u0442\u043e \u0435\u0441\u0442\u044c HelloWorld.bss! \u0412\u044b\u0445\u043e\u0434\u0438\u0442, \u0443\u043f\u0430\u043a\u043e\u0432\u0449\u0438\u043a \u043d\u0430\u0445\u0430\u043b\u044c\u043d\u043e, \u0431\u0435\u0437 \u043d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u043f\u0435\u0440\u0435\u0443\u043f\u0430\u043a\u043e\u0432\u0430\u043b CSS \u0432 \u0431\u0438\u043d\u0430\u0440\u043d\u044b\u0439 \u0432\u0438\u0434. \u041f\u0440\u043e\u0432\u0435\u0440\u0438\u043c? \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 .css \u043d\u0430 .bss \u0432 \u0448\u0435\u0441\u0442\u044c\u0434\u0435\u0441\u044f\u0442 \u0432\u043e\u0441\u044c\u043c\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435, \u043e\u0442\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c, \u043d\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u043c \u0441\u0440\u0430\u0437\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c, \u0430 \u0443\u043f\u0430\u043a\u0443\u0435\u043c \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u0441\u0440\u0430\u0437\u0443 jar.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f. \u041d\u043e, \u043a\u0430\u043a\u0430\u044f \u0434\u043e\u0441\u0430\u0434\u0430, \u043d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u0438\u0437 HelloWorld.class! \u041d\u0435 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0436\u0435 \u0434\u0432\u0430 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0430 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432. \u0422\u0435\u043c \u0431\u043e\u043b\u0435\u0435, bss \u043a\u0430\u043a \u0440\u0430\u0437 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043d\u044b \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0437\u0430\u043f\u0438\u0448\u0435\u043c \u0432 \u0444\u0430\u0439\u043b css2bss.cmd:  <\/p>\n
@"C:\\Program Files\\Java\\jdk1.7.0_40\\bin\\javafxpackager" -createbss -srcdir .\\src\\helloworld -outdir .\\out\\helloworld -srcfiles HelloWorld.css -v @pause <\/code><\/pre>\n
  \u0424\u0430\u0439\u043b\u044b CSS \u0438 \u0444\u043e\u043d\u043e\u0432\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043f\u0435\u0440\u0435\u043a\u0438\u043d\u0435\u043c \u0432 src\\helloworld\\ (\u043a\u0430\u043a \u043e\u0442 \u043d\u0430\u0441 \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u0438), \u0432 \u0444\u0430\u0439\u043b\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0430 \u043e\u0441\u0442\u0430\u0432\u0438\u043c \u0432 \u0441\u0442\u0440\u043e\u043a\u0435, \u0433\u0434\u0435 getStylesheets(), \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 .bss. \u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c. \u0414\u0435\u043b\u0430\u0435\u043c bss. \u0423\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0432 jar. \u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a \u0438\u0437 HelloWorld.class, \u0438 \u0438\u0437 HelloWorld.jar. \u0410 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u043e\u043c, \u043a\u0430\u043a\u0438\u0435 \u0441\u0442\u0438\u043b\u0438 \u0437\u0430 \u0447\u0442\u043e \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0442, \u0438 \u043a\u0430\u043a \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u044f\u043a\u043e-\u0440\u0430\u0437\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e. \u042d\u0442\u0430 \u0442\u0435\u043c\u0430 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a JavaFX \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f.<\/p>\n
  \u041d\u0443 \u0438 \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u044b\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0430 — FXML. \u041a\u043e\u0434 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0438\u043b\u044c\u043d\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0449\u0435 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0433\u043e \u0437\u0430\u043d\u043e\u0432\u043e. \u0418 \u0434\u0430\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043f\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0441\u043e\u0441\u0435\u0434\u043d\u0435\u0439 \u043f\u0430\u043f\u043a\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, GetStartFXML. \u0422\u0443\u0434\u0430 \u043d\u0430\u0434\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0443\u0436\u0435 \u043f\u044f\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0438 out \u0438 src\\helloworld, \u0430 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a.  <\/p>\n
HelloWorld.java<\/b><\/p>\n
\n
package helloworld;  import javafx.application.Application; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.scene.*; import javafx.fxml.*;  public class HelloWorld extends Application { \tpublic static void main(String[] args) { \t\tlaunch(args); \t} \t@Override \tpublic void start(Stage stage) throws Exception { \t    Parent root = FXMLLoader.load(getClass().getResource("fxml_example.fxml"));  \t    Scene scene = new Scene(root, 300, 275); \t    stage.setTitle("FXML Welcome"); \t    stage.setScene(scene);  \t    stage.show(); \t \t} } <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u0414\u0430\u043b\u0435\u0435 \u043d\u0430\u0434\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0444\u0430\u0439\u043b fxml_example.fxml, \u0440\u0430\u0437\u0431\u0440\u043e\u0441\u0430\u043d\u043d\u044b\u0439 \u043f\u043e \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u0434\u0435\u043b\u0443. \u0422\u0430\u043a \u043a\u0430\u043a \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043d\u0435\u0433\u043e \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u0434\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043b\u0435\u0442\u0443, \u043a\u0430\u043a \u0438 \u0438\u0437 CSS-\u0444\u0430\u0439\u043b\u0430, \u0441\u0442\u043e\u0438\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u043c \u0435\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u043c HelloWorld.class, \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0449\u0435 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442. \u0422\u043e \u0435\u0441\u0442\u044c, \u0432 out\\helloworld, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0432 out \u043f\u0430\u043f\u043a\u0443 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e, \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438.  <\/p>\n
fxml_example.fxml<\/b><\/p>\n
\n
<?xml version="1.0" encoding="UTF-8"?>  <?import java.net.*?> <?import javafx.geometry.*?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <?import javafx.scene.text.*?>  <GridPane fx:controller="helloworld.FXMLExampleController" xmlns:fx="http:\/\/javafx.com\/fxml" alignment="center" hgap="10" vgap="10" styleClass="root">      <padding><Insets top="25" right="25" bottom="10" left="25"\/><\/padding>   <Text id="welcome-text" text="Welcome" GridPane.columnIndex="0" GridPane.rowIndex="0" GridPane.columnSpan="2"\/>  <Label text="User Name:" GridPane.columnIndex="0" GridPane.rowIndex="1"\/> <TextField GridPane.columnIndex="1" GridPane.rowIndex="1"\/> <Label text="Password:" GridPane.columnIndex="0" GridPane.rowIndex="2"\/> <PasswordField fx:id="passwordField" GridPane.columnIndex="1" GridPane.rowIndex="2"\/>  <HBox spacing="10" alignment="bottom_right" GridPane.columnIndex="1" GridPane.rowIndex="4"> <Button text="Sign In" onAction="#handleSubmitButtonAction"\/> <\/HBox> <Text fx:id="actiontarget" GridPane.columnIndex="1" GridPane.rowIndex="6"\/>  <stylesheets> <URL value="@HelloWorld.css" \/> <\/stylesheets>  <\/GridPane> <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0441\u0440\u0430\u0437\u0443 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u044f \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 CSS, \u0430 \u0447\u0435\u0433\u043e \u0442\u044f\u043d\u0443\u0442\u044c-\u0442\u043e? \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u043b\u043e\u0436\u0438\u043c \u0440\u044f\u0434\u043e\u043c \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 HelloWorld.css \u0438 background.jpg. \u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0435\u0449\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u043a\u043d\u043e\u043f\u043a\u0438. \u0412 \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u044b\u0439 \u0432 FXML: GridPane fx:controller=\u00abhelloworld.FXMLExampleController\u00bb.   <\/p>\n
FXMLExampleController.java<\/b><\/p>\n
\n
package helloworld;  import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.scene.text.Text;  public class FXMLExampleController { @FXML private Text actiontarget; @FXML protected void handleSubmitButtonAction(ActionEvent event) { actiontarget.setText("Sign in button pressed"); } } <\/code><\/pre>\n<\/div>\n<\/div>\n
  \u0418 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043d\u0435 \u043d\u0430\u0434\u043e \u0437\u0430\u0431\u044b\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0442\u043e\u0436\u0435 \u043e\u0442\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 compile.cmd \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u044f \u0443\u0431\u0440\u0430\u043b \u00ab\u0441\u043e\u0431\u0430\u043a\u0443\u00bb \u043f\u0435\u0440\u0435\u0434 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c\u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u043e\u0431\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b\u0438\u0441\u044c \u0438 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438:  <\/p>\n
"C:\\Program Files\\Java\\jdk1.7.0_25\\bin\\javac" -d out -classpath "C:\\Program Files\\Java\\jre7\\lib\\jfxrt.jar" src\\helloworld\\HelloWorld.java  "C:\\Program Files\\Java\\jdk1.7.0_40\\bin\\javac" -d out -classpath "C:\\Program Files\\Java\\jre7\\lib\\jfxrt.jar" src\\helloworld\\FXMLExampleController.java @pause <\/code><\/pre>\n
  \u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c. \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c jar. \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c class \u0438\u043b\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c jar. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043e\u0442\u043b\u0438\u0447\u0438\u0439 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e\u0442 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u043d\u0435 \u0432\u0438\u0434\u043d\u043e. \u041d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0443\u0447\u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 — \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441, \u0441\u043e\u0437\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u0446\u0435\u043d\u0443, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u0438\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u041f\u0440\u0438\u0447\u0435\u043c, \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b \u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u043a\u043b\u0430\u0441\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043c\u0435\u0441\u0442\u0430\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0432 \u044f\u0447\u0435\u0439\u043a\u0430\u0445 \u0442\u0430\u0431\u043b\u0438\u0446\u044b GridPane \u0438\u043b\u0438 \u0441\u043c\u0435\u043d\u0438\u0442\u044c \u0444\u043e\u043d\u043e\u0432\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443. <\/p>\n
  \u041e\u0434\u043d\u0430\u043a\u043e, \u0445\u043e\u0442\u044c \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0433\u043b\u044f\u043d\u0435\u043c \u0432 \u0430\u0440\u0445\u0438\u0432 jar. \u0422\u0430\u043c, \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0447\u0438\u043c, \u043d\u0435\u0442\u0443 \u0444\u0430\u0439\u043b\u0430 HelloWorld.css, \u0430 \u0435\u0441\u0442\u044c .bss, \u043a\u0430\u043a \u0438 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0437 \u0442\u0440\u0435\u0442\u044c\u0435\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430. \u0412 fxml_example.fxml \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442\u0441\u044f HelloWorld.css. \u041e\u0434\u043d\u0430\u043a\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 class, \u0438 jar. \u0414\u0430\u0432\u0430\u0439\u0442\u0435, \u043a\u0430\u043a \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435, \u043f\u0435\u0440\u0435\u0431\u0440\u043e\u0441\u0438\u043c HelloWorld.css \u0438 background.jpg \u0438\u0437 out\\helloworld \u0432 src\\helloworld (FXML-\u0444\u0430\u0439\u043b \u043e\u0441\u0442\u0430\u0432\u0438\u043c \u043d\u0430 \u043c\u0435\u0441\u0442\u0435). \u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c. \u0414\u0435\u043b\u0430\u0435\u043c bss \u0438\u0437 css. \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c jar. \u0417\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c class, \u0430 \u043f\u043e\u0442\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c jar. \u041e\u043f\u044f\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442! \u0414\u0430 \u0447\u0442\u043e \u0436 \u0442\u0430\u043a\u043e\u0435 — \u0435\u0439 \u0432\u043e\u043e\u0431\u0449\u0435, \u0447\u0442\u043e \u043b\u0438, \u0431\u0435\u0437 \u0440\u0430\u0437\u043d\u0438\u0446\u044b? \u0410 \u0434\u0430\u0432\u0430\u0439\u0442\u0435, \u0440\u0430\u0437 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0438\u043b\u0435\u0439 \u043d\u0435 \u0438\u0433\u0440\u0430\u0435\u0442 \u0440\u043e\u043b\u0438, \u0432 fxml_example.fxml \u0441\u043e\u0442\u0440\u0435\u043c \u0435\u0433\u043e \u043d\u0430\u0447\u0438\u0441\u0442\u043e? \u0412\u043c\u0435\u0441\u0442\u043e   <\/p>\n
<stylesheets> <URL value="@HelloWorld.css" \/> <\/stylesheets> <\/code><\/pre>\n
\u0441\u0434\u0435\u043b\u0430\u0435\u043c  <\/p>\n
<stylesheets> <URL value="@HelloWorld" \/> <\/stylesheets> <\/code><\/pre>\n
  \u041d\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043d\u0430\u043f\u043b\u0435\u0432\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 \u0441\u0442\u0438\u043b\u0435\u0439 — \u0435\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u043b\u044c\u0446\u0435\u043c \u043f\u043e\u043a\u0430\u0436\u0438, \u0430 \u0442\u0430\u043c \u0441\u0430\u043c\u0430 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u0442\u0441\u044f. \u0417\u0430\u0431\u0430\u0432\u043d\u043e, \u043f\u0440\u0430\u0432\u0434\u0430?<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0438\u0433\u043e\u043d \u0434\u043b\u044f \u0438\u0437\u0434\u0435\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430 — \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u043f\u043e\u0434\u043c\u0435\u043d\u044b \u0441\u0442\u0438\u043b\u0435\u0439, \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0438 \u0432\u0441\u0435 \u0442\u0430\u043a\u043e\u0435. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u0443 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u043d\u0435 \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435, \u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 — \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0431 \u044d\u0442\u043e\u043c \u0443\u043f\u043e\u043c\u044f\u043d\u0443\u0442\u043e \u0432 \u0448\u0435\u0441\u0442\u043e\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0430. \u041d\u043e \u0442\u0430\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0438 \u043d\u0435\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043e \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0438 (deployment) \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0435\u0441\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e. \u041f\u044f\u0442\u044b\u0439 \u0440\u0430\u0437\u0434\u0435\u043b \u0442\u043e\u0436\u0435 \u0432\u043e\u0440\u043e\u0448\u0438\u0442\u044c \u043d\u0435 \u0445\u043e\u0447\u0443, \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0443\u0436\u0435 \u0431\u044b\u043b\u043e \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u0445 JavaFX \u0432\u043e\u0442 \u0437\u0434\u0435\u0441\u044c<\/a>, \u0430 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0435 \u0432 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435 \u043b\u0435\u0437\u0443\u0442 \u0432 \u0440\u0430\u043c\u043a\u0438 \u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0432\u044b\u0445 \u0447\u0435\u0442\u044b\u0440\u0435\u0445 \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u0432. <\/p>\n
  \u0422\u0435\u043c\u0443 HelloWorld \u0432 JavaFX \u043d\u0430 \u0431\u0430\u0437\u0435 jfxpub-overview \u0441\u0447\u0438\u0442\u0430\u044e \u0438\u0441\u0447\u0435\u0440\u043f\u0430\u043d\u043d\u043e\u0439.    \t<\/p>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/197984\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
   \tHelloWorld \u0438\u0437 \u043f\u0440\u0438\u043c\u0435\u0440\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e Oracle \u0432 \u00abGetting Started with JavaFX\u00bb, \u043d\u0430 \u041f\u041a \u0441 Windows. \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u043a\u043d\u0430 \u0432\u0432\u043e\u0434\u0430 \u043b\u043e\u0433\u0438\u043d\u0430 \u0438 \u043f\u0430\u0440\u043e\u043b\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b \u043d\u0430 FXML, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 CSS \u0432 FXML’\u043e\u0432\u043e\u0439 \u0444\u043e\u0440\u043c\u0435. \u0421\u043d\u043e\u0432\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u0438 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0430\u043c \u043d\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u0432 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0435.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-197984","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/197984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=197984"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/197984\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=197984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=197984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=197984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}