web-dev-qa-db-ja.com

JavaFXでアイコン付きのタブを作成する方法

JavaFXを使用したFirefox構成パネルに似たアイコンのタブパネルを作成したい：

enter image description here

これを実装する方法を確認するために使用できる例はありますか？

javajavafx-2javafxjavafx-8
11
Peter Penzov

タブには、JavaFXの他の多くの要素と同様に、setGraphic(Node value)というメソッドがあり、このメソッドに任意のJavaFXノードを配置できます。例：

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.Paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class TabPaneTest extends Application {
  public static void main(String[] args) {
    Application.launch(args);
  }
  @Override
  public void start(Stage primaryStage) {
    primaryStage.setTitle("Tabs");
    Group root = new Group();
    Scene scene = new Scene(root, 400, 250, Color.WHITE);
    TabPane tabPane = new TabPane();
    BorderPane borderPane = new BorderPane();
    for (int i = 0; i < 5; i++) {
      Tab tab = new Tab();
      tab.setGraphic(new Circle(0, 0, 10));
      HBox hbox = new HBox();
      hbox.getChildren().add(new Label("Tab" + i));
      hbox.setAlignment(Pos.CENTER);
      tab.setContent(hbox);
      tabPane.getTabs().add(tab);
    }
    // bind to take available space
    borderPane.prefHeightProperty().bind(scene.heightProperty());
    borderPane.prefWidthProperty().bind(scene.widthProperty());

    borderPane.setCenter(tabPane);
    root.getChildren().add(borderPane);
    primaryStage.setScene(scene);
    primaryStage.show();
  }
}

結果：

tabs in a TabPane

15
zhujik

私はその古いスレッドを知っていますが、どこにも直接の答えは見つかりませんでした。だから私はそれをいくつか投稿することを考えました。それはそれを検索する人にとって役立つでしょう。

これは私がFirefoxの設定画面のようなタブを取得するためにしたことです。

SetGraphicsを使用して画像をタブに追加し、次のコードをアプリケーションのcssファイルに追加します。私の画像サイズは48x48でした。だから私は70歳の身長を目指しました。

.tab-label {
    -fx-content-display: top;
}
.tab-pane {
    -fx-tab-min-height: 70;
    -fx-tab-max-height: 70;
}
4
user3249346

画像のURLから直接画像を追加する方法：

          Tab tab = new Tab();
          tab.setGraphic(buildImage("patch/to/image");

    // Helper method to create image from image patch
    private static ImageView buildImage(String imgPatch) {
            Image i = new Image(imgPatch);
            ImageView imageView = new ImageView();
            //You can set width and height
            imageView.setFitHeight(16);
            imageView.setFitWidth(16);
            imageView.setImage(i);
            return imageView;
        }
0
RichardK