如何为javafx面板添加边框？

我正在开发一个应用程序，我需要一些小部件来包含在一个面板中。 我想在它周围放一个边框。 我是一个swt程序员，在复合中我可以通过swt.border来放置边框。 但是如何在JavaFX中做到这一点。 对此有任何帮助表示赞赏。

码：

Label Center=new Label(); Center.setText("Center Frequency"); GridPane.setConstraints(Center, 0, 0); tb1[i].getChildren().add(Center); TextField text=new TextField(); GridPane.setConstraints(text, 1, 0); tb1[i].getChildren().add(text); Label chiprate=new Label(); chiprate.setText("Chiprate"); GridPane.setConstraints(chiprate, 0, 1); tb1[i].getChildren().add(chiprate); TextField chip=new TextField(); GridPane.setConstraints(chip, 1, 1); tb1[i].getChildren().add(chip); Label frequency=new Label(); frequency.setText("Frequency deviation"); GridPane.setConstraints(frequency, 0, 2); tb1[i].getChildren().add(frequency); TextField frequencydeviation=new TextField(); GridPane.setConstraints(frequencydeviation, 1, 2); tb1[i].getChildren().add(frequencydeviation); Label outputLabel=new Label(); outputLabel.setText("Output Power"); GridPane.setConstraints(outputLabel, 0, 3); tb1[i].getChildren().add(outputLabel); TextField output=new TextField(); GridPane.setConstraints(output, 1, 3); tb1[i].getChildren().add(output); 

Answer 1

我创建了一个BorderedTitledPane类，它在内容周围放置一个标题边框。

如果你不需要有标题可以更容易地放置边框 – 只需在区域上设置css边框参数 （例如-fx-border-color: black; ）。

这是一个完整的可执行示例 。

 import javafx.beans.InvalidationListener; import javafx.beans.Observable; import javafx.beans.binding.Bindings; import javafx.beans.property.ObjectProperty; import javafx.beans.property.SimpleObjectProperty; import javafx.beans.property.SimpleStringProperty; import javafx.beans.property.StringProperty; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Node; import javafx.scene.control.Label; import javafx.scene.layout.StackPane; /** Places content in a bordered pane with a title. */ public class BorderedTitledPane extends StackPane { private StringProperty title = new SimpleStringProperty(); private ObjectProperty graphic = new SimpleObjectProperty<>(); private ObjectProperty content = new SimpleObjectProperty<>(); private ObjectProperty titleAlignment = new SimpleObjectProperty<>(); // todo other than TOP_LEFT other alignments aren't really supported correctly, due to translation fudge for indentation of the title label in css => best to implement layoutChildren and handle layout there. // todo work out how to make content the default node for fxml so you don't need to write a  tag. public BorderedTitledPane() { this("", null); } public BorderedTitledPane(String titleString, Node contentNode) { final Label titleLabel = new Label(); titleLabel.textProperty().bind(Bindings.concat(title, " ")); titleLabel.getStyleClass().add("bordered-titled-title"); titleLabel.graphicProperty().bind(graphic); titleAlignment.addListener(new InvalidationListener() { @Override public void invalidated(Observable observable) { StackPane.setAlignment(titleLabel, titleAlignment.get()); } }); final StackPane contentPane = new StackPane(); getStyleClass().add("bordered-titled-border"); getChildren().addAll(titleLabel, contentPane); content.addListener(new InvalidationListener() { @Override public void invalidated(Observable observable) { if (content.get() == null) { contentPane.getChildren().clear(); } else { if (!content.get().getStyleClass().contains("bordered-titled-content")) { content.get().getStyleClass().add("bordered-titled-content"); // todo would be nice to remove this style class when it is no longer required. } contentPane.getChildren().setAll(content.get()); } } }); titleAlignment.set(Pos.TOP_LEFT); this.title.set(titleString); this.content.set(contentNode); } public String getTitle() { return title.get(); } public StringProperty getTitleStringProperty() { return title; } public void setTitle(String title) { this.title.set(title); } public Pos getTitleAlignment() { return titleAlignment.get(); } public ObjectProperty titleAlignmentProperty() { return titleAlignment; } public void setTitleAlignment(Pos titleAlignment) { this.titleAlignment.set(titleAlignment); } public Node getContent() { return content.get(); } public ObjectProperty contentProperty() { return content; } public void setContent(Node content) { this.content.set(content); } public Node getGraphic() { return graphic.get(); } public ObjectProperty graphicProperty() { return graphic; } public void setGraphic(Node graphic) { this.graphic.set(graphic); } } 

相关的CSS。

 .bordered-titled-title { -fx-translate-x: 8; -fx-translate-y: -10; -fx-padding: 0 0 0 4; -fx-background-color: -fx-background; } .bordered-titled-border { -fx-content-display: top; -fx-border-insets: 2 0 0 0; -fx-border-color: -fx-text-box-border; -fx-border-width: 2; } .bordered-titled-content { -fx-padding: 18 5 5 5; }