2017-05-18 6 views
0

JavaFX GUIの同じ行に2つの要素を表示する方法にはいくつか問題があります。私は50%の幅で同じ行にラジオボタンを表示し、2つのテキストフィールドで同じようにしたい。javaFX GUI要素をインラインで表示する

私は自分のコードの一部を追加します。

primaryStage.setTitle("Acoustic Insulation"); 

     ToggleGroup signalGroup = new ToggleGroup(); 
     final RadioButton radioSweep = new RadioButton("Sweep"); 
     radioSweep.setToggleGroup(signalGroup); 
     radioSweep.setStyle(" -fx-display:inline-block "); 

     final RadioButton radioSin = new RadioButton("Sin"); 
     radioSin.setToggleGroup(signalGroup); 
     radioSin.setStyle(" -fx-display:inline-block "); 

     Label frequencyLabel = new Label("Frequency:"); 
     final TextField frequencyText = new TextField(); 

     Label timeLabel = new Label("Set time [s]:"); 
     final TextField timeText = new TextField(); 

     Button startBtn = new Button(); 
     startBtn.setText("START"); 

と実際のビュー:

enter image description here

+2

に感謝しますか? 'HBox'を使用することができます – Oswald

+0

私は次のようなものがあります:public void start(Stage primaryStage)throws Exception { – Morgan

+0

JavaFXレイアウトペインについて読む必要があります:http://docs.oracle.com/javase/8/javafx/layout -チュートリアル/ – Michael

答えて

1

は、すべての答えを、この

GridPane root = new GridPane(); 
    root.setAlignment(Pos.CENTER); 
    root.setHgap(12); 

    HBox box = new HBox(); 
    box.getChildren().addAll(radioSweep, radioSin); 
    box.setSpacing(50); 
    box.setPrefWidth(200); 

    HBox box1 = new HBox(); 
    box1.getChildren().addAll(frequencyText, timeText); 
    box1.setSpacing(12); 
    box1.setPrefWidth(200); 

    root.add(box, 0, 0); 
    root.add(box1, 1, 0); 

    Scene scene = new Scene(root, 500, 500); 
    primaryStage.setScene(scene); 
    primaryStage.show(); 
0

[OK]を感謝してみてください。私はHBoxesで下の画像のようなものを作りました。アクティブなラジオボタンのテキストを大胆な太さに変更する方法について質問があり、開始ボタンの境界ラジウムを変更できない理由が不思議です。私はあなたが使用しているコンテナのどのようなご支援

HBox box3 = new HBox(); 
     box3.getChildren().add(startBtn); 
     box3.setAlignment(Pos.CENTER); 
     startBtn.setStyle("-fx-border-radius:30px;"); 
     box3.setStyle("-fx-font-weight:bold;" + " -fx-font-size:20px;" + " -fx-padding:10px;"); 

enter image description here

関連する問題