JAVA,Scene Builderでデスクトップアプリ用GUI作成

Question

JAVAでScene BuilderでGUI作成をしているのですが、下記のソースコードの<Tab text=" File " />のところにさらにメニューボタンの階層を入れたいのですがやり方が分からず、親切な方どうすればいいのか教えていただけないでしょうか。

<?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.control.*?> <?import javafx.scene.layout.*?> <GridPane alignment="center" hgap="10" vgap="10" xmlns="http://javafx.com/javafx/10.0.2-internal" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller"> <columnConstraints> <ColumnConstraints /> </columnConstraints> <rowConstraints> <RowConstraints /> </rowConstraints> <children> <AnchorPane prefHeight="768.0" prefWidth="1366.0"> <children> <TabPane prefHeight="59.0" prefWidth="1374.0" tabClosingPolicy="UNAVAILABLE"> <tabs> <Tab text="Machine Learning"> <content> <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0"> <children> <TabPane prefHeight="100.0" prefWidth="1374.0" tabClosingPolicy="UNAVAILABLE"> <tabs> <Tab text="Control " /> <Tab text=" File " /> <Tab text=" Home " /> <Tab text=" Ajust " /> <Tab text=" Proccess " /> <Tab text=" Count/Sze " /> <Tab text=" Measure " /> <Tab text=" 3DMeasure " /> <Tab text=" 3DAnimetion " /> <Tab text=" Apri " /> </tabs> </TabPane> </children></AnchorPane> </content> </Tab> <Tab text="Deep Learning"> <content> <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" /> </content> </Tab> </tabs> </TabPane> </children></AnchorPane> </children> </GridPane>

Answer 1

Tabの中にボタンを配置したい、ということでしょうか？

SceneBuilderではむずかしい(or無理だ)と思います。Tab#setGraphic()であとで設定するのがいいと思います。以下の例ではFXMLLoaderを使っていませんが、おおきなレイアウトはSceneBuilderで作成し、細かいところは実装を追加する、というイメージです。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class xxTabMenuButton {
  public static void main(final String[] args) throws Exception {
    Application.launch(App.class, args);
  }

  public static class App extends Application {
    @Override
    public void start(final Stage stage) throws Exception {
      final TabPane tabPane = new TabPane();
      final Tab tabA = new Tab("aaa");
      tabPane.getTabs().add(tabA);
      final Tab tabB = new Tab("bbb", new TextField("zzz"));
      tabPane.getTabs().add(tabB);
      final Tab tabC = new Tab();
      tabC.setGraphic(
        new HBox(
          new Label("ccc"),
          new MenuButton("Menu"),
          new Label("---")));
      tabPane.getTabs().add(tabC);
      stage.setScene(new Scene(tabPane));
      stage.setWidth(400);
      stage.setHeight(400);
      stage.show();
    }
  }
}

Comments

[daisukekubota]

ご返信ありがとうございます、ただご説明の内容がわかりません。
Tab#setGraphic()とソースコードの関係もわからないです。
申し訳ございませんが、ご返信お待ちしております。

[shiketa]

わたしの書いた上記サンプルは、そのままコピペすればコンパイルできて動作もするはずです。試してみられましたか？試されたのであれば、どこかを変えてみましたか？変えた結果はどうせしたか？ある程度動く小さなものに少しずつ手を加えることで覚えられることも多々あります。

Tab#setGraphic()についてはJavaDocをまずは読んでみてください。[javadoc][https://docs.oracle.com/javase/jp/8/javafx/api/javafx/scene/control/Tab.html#setGraphic-javafx.scene.Node-]。なんのこっちゃ、でしょうね。そうであれば、チュートリアルからsetGraphic()の記述のある部分を読んでみてもいいかもしれません。[チュートリアル](https://docs.oracle.com/javase/jp/8/javafx/user-interface-tutorial/label.htm#CIHHFIBJ)

# 勘違いだったらごめんなさい。そもそもJavaでのプログラミングは不得意なのではありませんか？JavaFXはかなり大きめのライブラリなので、Java言語の基礎と基本的なAPIは抑えておかないとつらいと思います。