Scene Builder로 설계된 동적으로로드하는 탭

Question

TabPane에 정적 탭이 몇 개 포함 된 JavaFX 앱을 빌드 중이며 필요에 따라 구성에 따라 다른 내용의 탭이 동적으로 추가됩니다.

각 동적 탭은 서로 다를 수 있으므로이 동적 탭 중 어느 것을 인스턴스화/추가 할 것인지 선택적으로 선택해야합니다.

저는 Scene Builder를 사용하여 대부분의 앱에 대한 GUI를 디자인하고 있습니다. 지금까지 정적 탭에 대한 모든 것이 잘 작동합니다. 여기 내 도전이 시작됩니다.

씬 빌더를 사용하여 동적 탭을 디자인하고 런타임에 원하는대로 탭 구성을 지정하기 만하면 어떻게됩니까?

감사 알

Answer 1

나는 자신의 FXML 파일에 각 탭의 내용을 넣어 것입니다. <fx:include>을 사용하여 항상 "기본"FXML 파일에로드 된 것을로드 할 수 있습니다. 그런 다음 주 fxml에 대한 컨트롤러의 initialize() 메소드에서 구성을 읽고 필요한 다른 fxml 파일을로드하십시오.

뭔가 Main.fxml

같은

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

<?import javafx.scene.layout.BorderPane?> 
<?import javafx.scene.control.TabPane?> 

<BorderPane xmlns:fx="http://javafx.com/fxml" fx:controller="MainController"> 
    <center> 
     <TabPane fx:id="tabPane"> 
      <Tab> 
       <fx:include source="StaticContent1.fxml"/> 
      </Tab> 
      <Tab> 
       <fx:include source="StaticContent2.fxml"/> 
      </Tab> 
      <!-- etc --> 
     </TabPane> 
    </center> 
</BorderPane> 

및

MainController.java

public class MainController { 

    @FXML 
    private TabPane tabPane ; 

    public void initialize() { 
     Configuration config = readConfiguration(); // (pseudocode) 
     if (config.shouldLoadTab1()) { 
      FXMLLoader loader = new FXMLLoader(getClass().getResource("DynamicTab1.fxml")); 
      Tab tab = new Tab("Some title"); 
      tab.setContent(loader.load()); 
      tabPane.getTabs().add(tab); 
     } 
     // etc 
    } 
} 

각 탭에 대한 FXML 파일 (여부 ""정적 "또는 동적 ") 탭의 내용 만 포함합니다 (이미 정의 된 탭 창이 아님). 기본 fxml 파일에있는 ed 또는 탭 (기본 설정 방법)은 주 FXML 또는 컨트롤러에서 정의됩니다. 그래서 당신은 확실히 당신이 VBox의 장소에서 원하는 레이아웃 창을 사용할 수 있습니다

StaticContent1.fxml

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

<?import javafx.scene.layout.VBox?> 

<VBox xmlns:fx="http://javafx.com.fxml"> 
    <!-- nodes... --> 
</VBox> 

같은 것을 할 것입니다.