javafx 控件位置

原创

mob64ca12de24b0 2024-06-09 05:09:19 ©著作权

文章标签 布局管理器控件 JavaFX 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12de24b0的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaFX 控件位置

在JavaFX中，控件的位置是通过布局管理器来控制的。布局管理器负责确定控件在用户界面中的位置和大小。JavaFX提供了多种布局管理器，如VBox、HBox、BorderPane等，开发者可以根据实际需求选择适合的布局管理器来布局界面。

布局管理器

VBox

VBox布局管理器是一个垂直布局管理器，控件按照垂直方向排列。

VBox vbox = new VBox();
vbox.getChildren().add(new Label("Label 1"));
vbox.getChildren().add(new Button("Button 1"));

HBox

HBox布局管理器是一个水平布局管理器，控件按照水平方向排列。

HBox hbox = new HBox();
hbox.getChildren().add(new Label("Label 2"));
hbox.getChildren().add(new Button("Button 2"));

BorderPane

BorderPane布局管理器将界面划分为上、下、左、右和中五个区域，每个区域可以放置一个控件。

BorderPane borderPane = new BorderPane();
borderPane.setTop(new Label("Top"));
borderPane.setLeft(new Button("Left"));
borderPane.setCenter(new Button("Center"));

示例：饼状图

下面是一个简单的饼状图示例，使用PieChart控件展示数据比例。

```mermaid
pie
    title 饼状图
    "Apples" : 40
    "Bananas" : 30
    "Cherries" : 20
    "Dates" : 10


```java
PieChart pieChart = new PieChart();
ObservableList<PieChart.Data> pieChartData = FXCollections.observableArrayList(
    new PieChart.Data("Apples", 40),
    new PieChart.Data("Bananas", 30),
    new PieChart.Data("Cherries", 20),
    new PieChart.Data("Dates", 10)
);
pieChart.setData(pieChartData);

通过上述代码，可以创建一个简单的饼状图，展示Apples、Bananas、Cherries和Dates四种数据的比例。