初步了解javafx

package yitian.javafxsample;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class HelloJavaFX extends Application {
	@Override
	  public void start(Stage primaryStage) throws Exception {
		Button btn = new Button();
		btn.setText("你好啊，世界");
		btn.setOnAction(event -> {
			System.out.println("你好，世界!");
		}
		);
		StackPane root = new StackPane();
		root.getChildren().add(btn);
		Scene scene = new Scene(root, 300, 250);
		primaryStage.setTitle("Hello World!");
		primaryStage.setScene(scene);
		primaryStage.show();
	}
	public static void main(String[] args) {
		launch(args);
	}
}

public class UserInput extends Application {
	@Override
	  public void start(Stage primaryStage) throws Exception {
		//网格布局
		GridPane grid = new GridPane();
		grid.setAlignment(Pos.CENTER);
		//网格垂直间距
		grid.setHgap(10);
		//网格水平间距
		grid.setVgap(10);
		grid.setPadding(new Insets(25, 25, 25, 25));
		//新建场景
		Scene scene = new Scene(grid, 300, 275);
		primaryStage.setScene(scene);
		//添加标题
		Text scenetitle = new Text("Welcome");
		scenetitle.setFont(Font.font("Tahoma", FontWeight.NORMAL, 20));
		grid.add(scenetitle, 0, 0, 2, 1);
		//添加标签及文本框
		Label userName = new Label("用户名:");
		grid.add(userName, 0, 1);
		TextField userTextField = new TextField();
		grid.add(userTextField, 1, 1);
		//添加标签及密码框
		Label pw = new Label("密码:");
		grid.add(pw, 0, 2);
		PasswordField pwBox = new PasswordField();
		grid.add(pwBox, 1, 2);
		//添加提交按钮
		Button btn = new Button("登录");
		HBox hbBtn = new HBox(10);
		hbBtn.setAlignment(Pos.BOTTOM_RIGHT);
		hbBtn.getChildren().add(btn);
		grid.add(hbBtn, 1, 4);
		//提交文本提示
		final Text actiontarget = new Text();
		grid.add(actiontarget, 1, 6);
		btn.setOnAction(event -> {
			actiontarget.setFill(Color.FIREBRICK);
			actiontarget.setText("已经登录");
		}
		);
		primaryStage.setTitle("JavaFX Welcome");
		primaryStage.show();
	}
	public static void main(String[] args) {
		launch(args);
	}
}

<?xml version="1.0" encoding="UTF-8"?>
<!--导入类-->
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.text.Text?>
<!--设置布局-->
<GridPane xmlns="http://javafx.com/javafx"
     xmlns:fx="http://javafx.com/fxml"
     fx:controller="yitian.javafxsample.Controller"
     prefHeight="400.0" prefWidth="600.0"
     alignment="center" hgap="10" vgap="10">
  <padding>
    <Insets top="25" right="25" bottom="10" left="25"/>
  </padding>
  <!--欢迎文本-->
  <Text text="Welcome"
     GridPane.columnIndex="0" GridPane.rowIndex="0"
     GridPane.columnSpan="2">
    <font>
      <Font name="Consolas" size="20"/>
    </font>
  </Text>

  <Label text="用户名:"
      GridPane.columnIndex="0" GridPane.rowIndex="1"/>

  <TextField
      GridPane.columnIndex="1" GridPane.rowIndex="1"/>

  <Label text="密码:"
      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="显示密码"
        onAction="#showPasswordButton"/>
  </HBox>

  <Text fx:id="hintText"
     GridPane.columnIndex="0" GridPane.columnSpan="2"
     GridPane.halignment="RIGHT" GridPane.rowIndex="6"/>
</GridPane>

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.PasswordField;
import javafx.scene.text.Text;
public class Controller {
	@FXML
	  private Text hintText;
	@FXML
	  private PasswordField passwordField;
	@FXML
	  protected void showPasswordButton(ActionEvent event) {
		hintText.setText("显示密码:" + passwordField.getText());
	}
}

public class UseFxml extends Application {
	@Override
	  public void start(Stage primaryStage) throws Exception {
		Parent root = FXMLLoader.load(getClass().getResource("ui.fxml"));
		Scene scene = new Scene(root, 300, 275);
		primaryStage.setTitle("使用FXML");
		primaryStage.setScene(scene);
		primaryStage.show();
	}
	public static void main(String[] args) {
		launch(args);
	}
}

<GridPane>
  <stylesheets>
    <URL value="@style.css"/>
  </stylesheets>
<GridPane/>

#btnShowPassword {
  -fx-background-color: deeppink;
}

<Button id="btnShowPassword" text="显示密码"
        onAction="#showPasswordButton"/>