JavaFx UI控件与代码间如何绑定

JavaFx初探一：UI控件的使用

方式一：使用纯代码直接new view控件，这样就不涉及到与fxml文件之间的交互了

方式二：使用fxml编写界面文件，用可视化工具scene builder 来构建交互界面。

• 分两种方式绑定控件，可以用Android的方法在java中直接调用类似findviewbyId的方法，先在xml文件中设置fxid，然后根据id去找这个控件，代码如下

@Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        BorderPane borderPane = (BorderPane)root.lookup("#iiid");

        TableView tableView = new TableView();
        TableColumn columnName = new TableColumn("姓名");
        TableColumn columClass = new TableColumn("班级");
        TableColumn columNum = new TableColumn("学号");
        tableView.getColumns().addAll(columnName, columClass, columNum);

        borderPane.setCenter(tableView);

        primaryStage.setTitle("应用测试");
        primaryStage.setScene(new Scene(root,500,500));
        primaryStage.show();
    }

• 方式二
  同样需要设置id，不过可以通过给每个控件设置一个控制器类的方式，去获取控件实例，在fxml文件中增加控制类的声明 fx:controller=”sample.Controller”
  注意：只能在根部局容器中才能设置这个控制器，设置好后，鼠标选中id 快捷键alt+enter 即可在对应的控制类中生成控件的对象（好像是根据注解映射来的）
  控制器类也可以设置为main类，不用单独新建一个类，根据情况定

<BorderPane fx:id="iiid" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"        
            prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.121"                             
            xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">                                    
    <top>                                                                                                             
        <Button fx:id="button1" mnemonicParsing="false"  text="按钮1" BorderPane.alignment="CENTER"/>                   
    </top>                                                                                                            

</BorderPane>                                                                                                         

鼠标点击事件可以在 on action中定义一个方法， 然后控制类中去实现这个方法，在该控件被点击时就会被触发