JavaFx UI控件与代码间的绑定 JavaFx UI控件与代码间的绑定方法

时间:2021-03-31 大大大超人人气:0

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中定义一个方法，然后控制类中去实现这个方法，在该控件被点击时就会被触发。

加载全部内容