初识JavaFX（二）

面板的布局

          一个简单的程序，其中部件在面板中按网格状(grid)排列：

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

public class Program extends Application
{
    @Override
    public void start( Stage stage )
    {
	   Label firstLabel = new Label( "First Name" );
	   Label lastLabel = new Label( "Last Name" );
	   TextField firstField = new TextField();
	   TextField lastField = new TextField();
	   Button saveButton = new Button( "Save" );

	   GridPane pane = new GridPane();
	   pane.setPadding( new Insets( 5 ) );
	   pane.setHgap( 5 );
	   pane.setVgap( 5 );
	   
	   pane.add( firstLabel, 0, 0 );
	   pane.add( lastLabel, 0, 1 );
	   pane.add( firstField, 1, 0 );
	   pane.add( lastField, 1, 1 );
	   pane.add(saveButton, 1, 2 );
	   
	   pane.setHalignment( saveButton, HPos.RIGHT );
	   pane.setAlignment( Pos.CENTER );
	   
	   Scene scene = new Scene( pane, 400, 300 );
	   stage.setScene( scene );
	   stage.show();
    }
}

程序运行效果：

             可以看到，网格面板GridPane在程序窗口中居中显示，实际上这是通过传递Pos.CENTER参数给GridPane对象的setAlignment()方法来实现的，这样使得GridPane能将其包含的部件居中显示。另外可以看到，在水平和垂直方向上，部件之间都留有间隔，这是通过GridPane的setHgap()和setVgap()来实现的，其中，参数5表示部件之间的间隔为5个像素。

         另外，注意到Save按钮是右对齐的，默认情况下是左对齐，因此，这里需要显式通过GeidPane对象的setHalignment()方法，接受HPos.RIGHT作为参数，用来设定Save按钮右对齐。

         最后，GridPane对象的setPadding()方法用来设定边角间隔，即是面板的内容与面板的顶部、底边和侧边的间隔，这里指定的间隔为5个像素。

         需要注意的是，GridPane的add()方法，第2个参数指定部件所在的列，第3个参数指定部件所在的行。