使用JavaFX进行图形用户界面设计问题实例-蒲公英云

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

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

问题：

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

解决方案：

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

创建FXML文件（BookOutList.fxml）：

<?xml version="1.0" encoding="UTF-8"?>
<!-- 创建书籍已借出列表 -->
<AnchorPane id="AnchorPane"
    styleClass="root">
    <TableView fx:id="tableView" />
</AnchorPane>

创建Java代码（BookOutListController.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);
    }
}