javaFX制作helloWorld的几种方式

//起因：因为即便是使用了JavaFX Scene Builder来直接图形化排版，但是仍然对应javaAPI,了解整体结构还是很有必要的，这是有清晰逻辑的基础。

environment:{

　　Spring Tool Suite

　　Version: 3.8.4.RELEASE
　　Build Id: 201703310825
　　Platform: Eclipse Neon.3 (4.6.3)

}

1. way1:File->New->Project->JavaFX->JavaFX Project->(输入你的工程名)->finish

• 运行一下->得到一个空窗口->打开src/application/Main.java:{继承了Application，重写了start(Stage)方法{说下结构-}}
• primaryStage为主窗体-----类似swing里的JFrame
• Scene为场景-------需要添加一个布局面板，像一张铺平在桌面上的布，但不能直接放东西，需要布局来规范东西放置方式
• root-------------为布局--layout---绑定在场景上，
• 添加子空间，在fx里是以节点的方式添加的，如果你学过树结构，就是那样的，所以得使用root.getChildren得到列表。
• 还有就是添加控件必须在使用布局面板生成场景前
• 场景绑定在舞台上---显示舞台就出来效果了
• 怎么启动？main方法里的launch方法是Application的静态方法，来继承实现了Application的类
• 默认写的layout是BorderPane但是刚学不会加，改成了FlowPane...

• package application;
      
  import javax.swing.JOptionPane;
  import javafx.application.Application;
  //import javafx.event.ActionEvent;
  import javafx.stage.Stage;
  import javafx.scene.Scene;
  //import javafx.scene.control.Alert;
  //import javafx.scene.control.Alert.AlertType;
  import javafx.scene.control.Button;
  //import javafx.scene.control.Dialog;
  //import javafx.scene.layout.BorderPane;
  import javafx.scene.layout.FlowPane;
  public class Main extends Application {
      @Override
      public void start(Stage primaryStage) {
          try {
              FlowPane root = new FlowPane();
              //-----------------test-----------------add----------(
              Button button = new Button("hello JavaFX");
              root.getChildren().add(button);
              button.setOnAction((event)->{//lambda表达式
                  //不会用FX的弹出对话框
                  JOptionPane.showMessageDialog(null, "Hello JavaFX");
              });
              //-----------------test-----------------add----------)
              Scene scene = new Scene(root,400,400);
              scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
              primaryStage.setScene(scene);
              primaryStage.show();
          } catch(Exception e) {
              e.printStackTrace();
          }
      }
      
      public static void main(String[] args) {
          launch(args);
          
      }
  }

   2.way2:way1不要直接Finish，next到最后，Declarative UI->language:FXML

• 从Main.java的start(Stage)中可以看出，布局面板是通过加载Sample.fxml得到，就可以通过修改.fxml来更改布局
• Main.java:

  package application;
      
  import javafx.application.Application;
  import javafx.stage.Stage;
  import javafx.scene.Scene;
  import javafx.scene.layout.FlowPane;
  import javafx.fxml.FXMLLoader;
  
  
  public class Main extends Application {
      @Override
      public void start(Stage primaryStage) {
          try {
              FlowPane root = (FlowPane)FXMLLoader.load(getClass().getResource("Sample.fxml"));
              Scene scene = new Scene(root,400,400);
              scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
              primaryStage.setScene(scene);
              primaryStage.show();
          } catch(Exception e) {
              e.printStackTrace();
          }
      }
      
      public static void main(String[] args) {
          launch(args);
      }
  }

• 文件介绍下，SampleControllerjava用编辑事件响应的，在.fxml中注册了
• Sample.fxml布局文件----
• application.css---样式文件，，学过html就知道了
• 用JavaFX Scene Builder打开.fxml文件，方法：在文件上右键->Open With SceneBuilder---
• 没有的参考--百度安装并配置-----
• 选中左侧：hierarchy(分层)->FlowPane(新建工程可以自己选),中间视图就会出现标识--拖动得到基本白板，这就是框图，左边控件库查找--Label--拖动到白板上
• 右侧出现该控件的设置项，在控件过多，层数繁杂时，在白板上就不好选了，在左侧hierarchy里选就行
• 说下右侧基本设置项分类：properties(属性)，layout(布局)，code:设置各个事件响应函数,
• 实现SampleController.java和.fxml文件融合吧，.java文件需要实现Initializable接口，initialize重写（只是显示出来，不要添加东西）,对.fxml中的外层标签添加fx:contoller=""这个参数，字符串为.java名的可行的路径，这样他们知道对方的存在
• 在SampleController.java如何定位.fxml定义的控件，需要对要定位的控件的fx:id=""赋值，不是id，然后在.java文件直接声明相应类型，名字与fx:id相同，就定位到了.fxml中控件，直接使用，因为.fxml文件已经帮你做好初始化操作了。
• 定义响应方法，在SampleController.java中直接定义合乎规范的事件处理方法（不知道可以参照直接用java代码写的那个），使方法与控件绑定，方法一，在.fxml里直接添加事件名=“”，字符串中定位需要使用#在前，方法二，在JavaFX Scene Builder可以选。
• Main.java:

  package application;
      
  import javafx.application.Application;
  import javafx.stage.Stage;
  import javafx.scene.Scene;
  import javafx.scene.layout.FlowPane;
  import javafx.fxml.FXMLLoader;
  
  
  public class Main extends Application {
      @Override
      public void start(Stage primaryStage) {
          try {
              FlowPane root = (FlowPane)FXMLLoader.load(getClass().getResource("Sample.fxml"));
              Scene scene = new Scene(root,400,400);
              scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
              primaryStage.setScene(scene);
              primaryStage.show();
          } catch(Exception e) {
              e.printStackTrace();
          }
      }
      
      public static void main(String[] args) {
          launch(args);
      }
  }

  SampleController.java:

  package application;
  
  import java.net.URL;
  import java.util.ResourceBundle;
  
  import javafx.event.ActionEvent;
  import javafx.fxml.FXML;
  import javafx.fxml.Initializable;
  //import javafx.scene.control.Button;
  import javafx.scene.control.Label;
  
  public class SampleController implements Initializable {
      @FXML
      private Label show_text;
      @Override
      public void initialize(URL location, ResourceBundle resources) {
          // TODO Auto-generated method stub
          
      }
      public void showText(ActionEvent actionEvent){
          show_text.setText("你点了按钮");
          System.out.println("console");
      }
  }

  Sample.fxml:

• <?xml version="1.0" encoding="UTF-8"?>
  
  <?import javafx.scene.control.*?>
  <?import java.lang.*?>
  <?import javafx.scene.layout.*?>
  <?import javafx.scene.layout.FlowPane?>
  
  <FlowPane prefHeight="497.0" prefWidth="564.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" 
  fx:controller="application.SampleController">
     <children>
        <Label fx:id="show_text" text="我是一个标签" />
        <Button id="btn1" mnemonicParsing="false" onAction="#showText" text="如何设置设置事件处理" />
     </children>
  </FlowPane>

  还有一种.fxgraph的，，，，待定--------