TitledPaneヘッダーに2つのペインを追加するにはどうすればよいですか？

Question

緑色と青色のボックスがある画像のように、TitledPaneヘッダーに2つの枠を追加します。

しかし、私はそのようにそれを行うにしようとすると、それだけでシーンビルダーを使用しているとき、私はImageViewのように、1つのペインを追加することができます。

Answer 1

あなたの質問はSceneBuilderでこれをどうやって解決するかということに関心があるので、私は自分の答えをそれに制限しておきます。

GraphicallyとしてTitledPaneにHBoxを追加して、そこに必要なノードを追加することができます。

<?import javafx.geometry.Insets?> 
<?import javafx.scene.control.Label?> 
<?import javafx.scene.control.TitledPane?> 
<?import javafx.scene.layout.HBox?> 
<?import javafx.scene.shape.Rectangle?> 

<TitledPane animated="false" contentDisplay="GRAPHIC_ONLY" prefHeight="227.0" prefWidth="392.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1"> 
    <graphic> 
     <HBox alignment="CENTER_LEFT" prefHeight="18.0" prefWidth="605.0" spacing="10.0"> 
     <children> 
      <Rectangle arcHeight="5.0" arcWidth="5.0" fill="#1be440" height="15.0" stroke="BLACK" strokeType="INSIDE" width="13.0" /> 
      <Label maxWidth="1.7976931348623157E308" text="title" HBox.hgrow="ALWAYS" /> 
      <Rectangle arcHeight="5.0" arcWidth="5.0" fill="DODGERBLUE" height="15.0" stroke="BLACK" strokeType="INSIDE" width="13.0" /> 
     </children> 
     <padding> 
      <Insets right="5.0" /> 
     </padding> 
     </HBox> 
    </graphic> 
</TitledPane> 

これは、次のようなウィンドウを作成します。

あなたは矢印でのHBoxの左側にまだあることに注意します。これを避けるには、デフォルトの矢印を非表示にして、HBoxに矢印を追加します。次に、追加した新しい矢印にデフォルトの矢印のスタイリングを追加します。詳細については、この投稿を参照してください - How to change header component in TitledPane in JavaFX。