TextFieldについての考察

TextFieldの入力値をLabelにバインドする

＜＜ Labelへのバインドについてはこちらへ ＞＞

TextFieldのAliginmentを設定

TextFieldにAlignmentを設定して、入力値を「右寄せ」「中央寄せ」「左寄席」のいづれかで表示することが可能です。

• 1 :
  2 :
  3 :
  4 :
  5 :
  6 :
  7 :
  8 :
  9 :
  10 :
  11 :
  12 :
  13 :
  14 :
  15 :
  16 :
  17 :
  18 :
  19 :
  20 :
  21 :
  22 :
  23 :
  24 :
  25 :
  26 :
  27 :
  28 :
  29 :
  30 :
  31 :
  32 :
  33 :
  34 :
  35 :
  36 :
  37 :
  38 :
  39 :
  40 :
  41 :
  42 :
  43 :
  44 :
  45 :
  46 :
  47 :
  48 :
  

• import javafx.application.Application;
  import javafx.geometry.Insets;
  import javafx.geometry.Pos;
  import javafx.scene.Scene;
  import javafx.scene.control.TextField;
  import javafx.scene.layout.VBox;
  import javafx.stage.Stage;
  
  public class JavaFX_TextField2 extends Application{
  
  	public static void main(String... args){
  
  		Application.launch(args);
  
  	}
  
  	public void start(Stage stage) throws Exception {
  
  
  		// TextFieldを作成
  		TextField textField = new TextField();
  		textField . setMaxWidth( 200 );
  		textField . setAlignment( Pos . CENTER_LEFT );
  
  
  		TextField textField1 = new TextField();
  		textField1 . setMaxWidth( 200 );
  		textField1 . setAlignment( Pos . CENTER_RIGHT );
  
  		TextField textField2 = new TextField();
  		textField2 . setMaxWidth( 200 );
  		textField2 . setAlignment( Pos . CENTER );
  
  		// レイアウト
  		VBox vbox = new VBox();
  		vbox . getChildren().addAll( textField , textField1 , textField2 );
  		vbox . setPadding( new Insets( 20 , 20 , 20 , 20) );
  
  		// Stageの調整
  		stage . setTitle( "TextField Consideration" );
  		stage . setWidth(  300 );
  		stage . setHeight( 200 );
  		stage . setScene( new Scene( vbox ) );
  		stage . show();
  
  	}
  
  }
  

実行結果

Alignmentの設定箇所

• 23 :
  28 :
  32 :
  

• textField  . setAlignment( Pos . CENTER_LEFT  );
  textField1 . setAlignment( Pos . CENTER_RIGHT );
  textField2 . setAlignment( Pos . CENTER       );
  

TextFieldへPromptTextを設定する。

TextFieldにはPromptTextを設定するこが可能です。

• 1 :
  2 :
  3 :
  4 :
  5 :
  6 :
  7 :
  8 :
  9 :
  10 :
  11 :
  12 :
  13 :
  14 :
  15 :
  16 :
  17 :
  18 :
  19 :
  20 :
  21 :
  22 :
  23 :
  24 :
  25 :
  26 :
  27 :
  28 :
  29 :
  30 :
  31 :
  32 :
  33 :
  34 :
  35 :
  36 :
  37 :
  38 :
  39 :
  40 :
  41 :
  42 :
  

• import javafx.application.Application;
  import javafx.geometry.Insets;
  import javafx.scene.Scene;
  import javafx.scene.control.Button;
  import javafx.scene.control.TextField;
  import javafx.scene.layout.VBox;
  import javafx.stage.Stage;
  
  public class JavaFX_TextField3 extends Application{
  
  	public static void main(String... args){
  
  		Application.launch(args);
  
  	}
  
  	public void start(Stage stage) throws Exception {
  
  
  		// TextFieldを作成
  		TextField textField = new TextField();
  		textField . setMaxWidth( 200 );
  		textField . setPromptText( "ここに入力してください" );
  
  		Button button = new Button( "Button" );
  		button.setPrefWidth( 100 );
  
  		// レイアウト
  		VBox vbox = new VBox();
  		vbox . getChildren().addAll( textField , button );
  		vbox . setPadding( new Insets( 20 , 20 , 20 , 20) );
  
  		// Stageの調整
  		stage . setTitle( "TextField Consideration" );
  		stage . setWidth(  300 );
  		stage . setHeight( 200 );
  		stage . setScene( new Scene( vbox ) );
  		stage . show();
  
  	}
  
  }
  

実行結果

PromptTextの設定箇所

• 23 :
  

• textField . setPromptText( "ここに入力してください" );