javafx 三、添加view

1、打开.fxml文件，点击scene builder

2、从左边拖入即可

3、完成后的.fxml文件
添加id方式：fx:id=“btn_login”

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.RowConstraints?>

<GridPane fx:id="root" alignment="center" hgap="10" vgap="10" xmlns="http://javafx.com/javafx/8.0.172-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.controller.Controller">
   <columnConstraints>
      <ColumnConstraints />
   </columnConstraints>
   <rowConstraints>
      <RowConstraints />
   </rowConstraints>
   <children>
      <Pane fx:id="root_view" prefHeight="600" prefWidth="900">
         <children>
            <Label layoutX="150.0" layoutY="567.0" prefHeight="23.0" prefWidth="68.0" text="用户名: " />
            <Label layoutX="400.0" layoutY="571.0" text="密码 ： " />
            <Button fx:id="btn_login" onAction="#onLogin" layoutX="750.0" layoutY="567.0" mnemonicParsing="false" text="登录" />
            <TextField fx:id="userName" layoutX="200.0" layoutY="567.0" />
            <TextField fx:id="password" layoutX="450.0" layoutY="567.0" />
         </children>
      </Pane>
   </children>
</GridPane>