Add Buttons to Tabs and Tab area JavaFX

by

To have iconed Buttons on the Tabs:

The setGraphic method of Tabcan be used to add any Nodeto be displayed on the Tab. A Button can be added as it is a Node.

After this a fully functional button is present, but it does not display any icon. Button also has the setGraphic method which works the same, therefore an ImageView can be added to display an Image on the Button.

To have control Buttons on the top-right corner of the tab-area:

These buttons can be placed on the TabPane, rather than inside the TabPane. For this you can use an AnchorPane to anchor the Buttons to the top-right corner.

Example:

public class ButtonedTabPane extends Application {
    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();
        TabPane tabPane = new TabPane();
        tabPane.setTabClosingPolicy(TabPane.TabClosingPolicy.UNAVAILABLE);

        // HBox of control buttons
        HBox hbox = new HBox();
        hbox.getChildren().addAll(createTabButton("min.png"), createTabButton("max.png"));

        // Anchor the controls
        AnchorPane anchor = new AnchorPane();
        anchor.getChildren().addAll(tabPane, hbox);
        AnchorPane.setTopAnchor(hbox, 3.0);
        AnchorPane.setRightAnchor(hbox, 5.0);
        AnchorPane.setTopAnchor(tabPane, 1.0);
        AnchorPane.setRightAnchor(tabPane, 1.0);
        AnchorPane.setLeftAnchor(tabPane, 1.0);
        AnchorPane.setBottomAnchor(tabPane, 1.0);

        // Create some tabs
        Tab tab = new Tab("Files");
        tab.setGraphic(createTabButton("files.png"));
        ((Button) tab.getGraphic()).setOnAction(e -> System.out.println("I'll show the list of files!"));
        tabPane.getTabs().add(tab);

        tab = new Tab("Network");
        tab.setGraphic(createTabButton("network.png"));
        ((Button) tab.getGraphic()).setOnAction(e -> System.out.println("I'll show the network!"));
        tabPane.getTabs().add(tab);

        root.setCenter(anchor);
        Scene scene = new Scene(root, 400, 400);
        scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private Button createTabButton(String iconName) {
        Button button = new Button();
        ImageView imageView = new ImageView(new Image(getClass().getResource(iconName).toExternalForm(),
                16, 16, false, true));
        button.setGraphic(imageView);
        button.getStyleClass().add("tab-button");
        return button;
    }

    public static void main(String[] args) {
        launch(args);
    }
}

The only thing left to remove the default background and borders from the Buttons. This can be done by inserting the following CSS selectors into your CSS stylesheet.

style.css

.tab-button {
    -fx-border-width: 0;
    -fx-background-radius: 0;
    -fx-background-color: transparent;
    -fx-content-display: graphic-only;
}

.tab-button:hover {
    -fx-background-color: white;
}

The result:

                     https://i.stack.imgur.com/olclI.png

More Related Contents:

  1. JavaFX on Linux is showing a “Graphics Device initialization failed for : es2, sw”
  2. How to add button in JavaFX table view
  3. How do I access a UI element from another controller class in JavaFX?
  4. How to right align a button in Java FX toolbar
  5. Using JavaFX in JRE 8, “Access restriction” error
  6. Get day of month from LocalDate with leading zero [duplicate]
  7. Why in Java 8 split sometimes removes empty strings at start of result array?
  8. Ignore duplicates when producing map using streams
  9. Unable to obtain LocalDateTime from TemporalAccessor when parsing LocalDateTime (Java 8)
  10. Java Lambda Stream Distinct() on arbitrary key? [duplicate]
  11. Generic return type upper bound – interface vs. class – surprisingly valid code
  12. Unable to obtain ZonedDateTime from TemporalAccessor using DateTimeFormatter and ZonedDateTime in Java 8
  13. Adding Spring Dependency Injection in JavaFX (JPA Repo, Service)
  14. Minimum Spring version compatible with Java 11
  15. In Java 8, why is the default capacity of ArrayList now zero?
  16. Why are class static methods inherited but not interface static methods?
  17. Why does this java 8 stream operation evaluate to Object instead of List or just List?
  18. How to use HTML and CSS as a Java application GUI?
  19. Comparator.comparing(…) of a nested field
  20. Numeric TextField for Integers in JavaFX 8 with TextFormatter and/or UnaryOperator
  21. Why Functional Interfaces in Java 8 have one Abstract Method?
  22. Java 8 timezone conversions
  23. Are defaults in JDK 8 a form of multiple inheritance in Java?
  24. How to implement a Java stream?
  25. Why didn’t Stream have a toList() method?
  26. Java8 Lambda: concat list [duplicate]
  27. Java 8 lambda for selecting top salary employee for each department
  28. Difference between method reference Bound Receiver and Unbound Receiver
  29. How to find distinct rows with field in list using JPA and Spring?
  30. Is it a good practice to use Optional as an attribute in a class? [duplicate]

Leave a Comment