SceneBuilderを用いてステータスバーに区切り線を配置しようとしても配置できない。

Question

以前、質問のコメント（ステータスバー上に区切り線と画像とボタンを表示させるには？）のところで、

SceneBuilderを用いてGUI操作で作成するのが一番簡単

と指摘を受けたので、SceneBuilderでSceneBuilderで独自クラスを使うにはのページをみてcontrolsfxをSceneBuilderに登録しました。

それで、AnchorPaneを配置し、Status Barを配置したんですが、その後に区切り線を配置しようとControlsメニューからSeparator(vertical)を選んでドラッグし、Status Barに配置しようとしたら↓のようなカーソルが出て、配置できないのです。

さらにHierarchyのStatus Barのところに配置しようとしても↓のようなカーソルが出て配置できないのです。

SceneBuilderを用いて、Status Bar上に区切り線や画像を配置するにはどうすればいいのでしょうか？

もし、SceneBuilder上からできない場合、FXMLやJAVAでコードを書く場合、どのようにして書けばいいのでしょうか？

Javaコードは↓のようになります。

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package test1;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Test1 extends Application {
    
    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
        
        Scene scene = new Scene(root);
        
        stage.setScene(scene);
        stage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
    
}

↓FXMLのコードは以下のようになります。

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Menu?>
<?import javafx.scene.control.MenuBar?>
<?import javafx.scene.control.MenuItem?>
<?import javafx.scene.control.ToolBar?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>
<?import org.controlsfx.control.StatusBar?>


<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <BorderPane layoutX="100.0" layoutY="72.0" prefHeight="400.0" prefWidth="600.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <top>
            <GridPane BorderPane.alignment="CENTER">
              <columnConstraints>
                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
              </columnConstraints>
              <rowConstraints>
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
              </rowConstraints>
               <children>
                  <MenuBar>
                    <menus>
                      <Menu mnemonicParsing="false" text="File">
                        <items>
                          <MenuItem mnemonicParsing="false" text="Close" />
                        </items>
                      </Menu>
                      <Menu mnemonicParsing="false" text="Edit">
                        <items>
                          <MenuItem mnemonicParsing="false" text="Delete" />
                        </items>
                      </Menu>
                      <Menu mnemonicParsing="false" text="Help">
                        <items>
                          <MenuItem mnemonicParsing="false" text="About" />
                        </items>
                      </Menu>
                    </menus>
                  </MenuBar>
                  <ToolBar prefHeight="40.0" prefWidth="200.0" GridPane.rowIndex="1">
                    <items>
                      <Button mnemonicParsing="false" prefHeight="25.0" prefWidth="30.0" text="Button" />
                    </items>
                  </ToolBar>
               </children>
            </GridPane>
         </top>
         <bottom>
            <StatusBar BorderPane.alignment="CENTER" />
         </bottom>
      </BorderPane>
   </children>
</AnchorPane>

よろしくお願いします。

Answer 1

StatusBarはコンテナーではなくてコントロールですのでその下に任意個数のノードを直接配置することはできずgraphicプロパティーに一つだけノードを配置できます。複数配置する場合はgraphicプロパティーへコンテナーを配置しさらにその下に配置することになります。その点に注意して以下を参照ください。

SceneBuilderでGUIによって配置できるのは自分が知る限り次のようなものがあります。

• Pane(コンテナ)のchildrenのようなNode(またはその派生)のObservableListプロパティー
• LabelコントロールのgraphicのようなNode(またはその派生)のプロパティー

StatusBarにもObjectProperty<Node>型のgraphicプロパティーが存在するのでGUIで配置できそうな気がするのですが期待に反してできないのですね・・・推測ですがSceneBuilderがGUIでNodeを配置可能なプロパティーには何かの制約があるのかも知れません。

考えられる対処としては２つあると思います。個人的にはStatusBar#graphicプロパティーを使わずにやる方法(後に書いた方法)をお勧めします。

• FXMLを直接記述することでStatusBarのgraphicプロパティーを設定

FXML上に直接記述する方法です。一般にあるコントロールCCCにNode(またはその派生)のプロパティーXXXがあり、そこへクラスNNNのNodeを配置する場合FXML上に次のようにかけると思います。正確な仕様はFXMLの概要をご覧ください。なお、FXMLへ直接記述するとSceneBuilderの仕様制約のため読み込めないことがあるのでそれに注意した方がいいかもしれません。(本件の程度ならそういうことはないと思いますが・・・)

...
   <CCC ...>
     <XXX>
       <NNN>...</NNN>
     </XXX>
   </CCC>
...

• SceneBuilderを使い、HBoxの下に他のNodeとStatusBarを配置

StatusBarのgraphicを使わず、HBox上にButton,Separator,StatusBarを配置するようにします。StatusBarのgraphicプロパティーを使って配置できるのはStatusBarの左側のNodeだけなので右側に何か配置する場合は必然的にこの方法を使うことになると思います。

Comments

[mr0237]

ありがとうこざいました。