使用JavaFX进行图形用户界面设计问题实例

原创布满荆棘的人生 2024-12-13 10:51 7阅读 0赞

以下是一个使用JavaFX创建一个简单图形用户界面（GUI）的问题实例：

**问题：**

假设你正在开发一个图书馆管理系统，需要设计一个功能模块，让用户能够查看已借出的书籍列表。

**解决方案：**

使用JavaFX，你可以创建一个带有表格视图的UI来展示这个信息。以下是步骤和代码示例：

1. **创建FXML文件（BookOutList.fxml）：**

```xml
<?xml version="1.0" encoding="UTF-8"?>

<AnchorPane id="AnchorPane"
    styleClass="root">
    <TableView fx:id="tableView" />
</AnchorPane>
```

2. **创建Java代码（BookOutListController.java）：**

```java
import javafx.fxml.FXML;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.layout.AnchorPane;

@FXML
private AnchorPane root;
@FXML
private TableView<Book> tableView;

// 书籍数据模型类
class Book {
    String title;
    boolean isOut;

// 构造函数
    Book(String title, boolean isOut) {
        this.title = title;
        this.isOut = isOut;
    }
}

// 初始化表格列和行
@FXML
private void initialize() {
    tableView.setItems(new Book[]{// 假设你已经有了数据}));

// 创建表头
    TableColumn<Book, String> titleLabelColumn = new TableColumn<>("标题");
    titleLabelColumn.setCellValueFactory(cellData -> cellData.getValue().titleProperty()));

tableView.getColumns().add(titleLabelColumn);

// 添加行
    for (int i = 0; i < 3; i++) {
        TableRow<Book> row = new TableRow<>();
        row.setCellValue(new Book("书籍" + (i+1)), false)));
        tableView.addRow(row);
    }
}
```

这样，你就创建了一个JavaFX GUI，用户可以通过这个界面查看已借出的书籍列表。