首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaFX中一个ListView中的2个不同列表,由一个标头分割

JavaFX中的ListView是一个可滚动的列表视图,可以显示多个项目。在一个ListView中,可以使用标头将不同的列表分割开来。

标头是一个特殊的列表项,用于分隔不同的列表。它通常用于将相关的项目分组显示。标头可以是任何JavaFX节点,通常使用Label或Text来显示文本。

要在一个ListView中添加标头,可以通过在数据模型中插入特殊的标头对象来实现。这个标头对象可以是自定义的类,也可以是ListView的内置类Section。

以下是一个示例代码,演示如何在JavaFX中使用ListView和标头:

代码语言:txt
复制
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ListView;
import javafx.scene.control.ListCell;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ListViewWithHeadersExample extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        ListView<String> listView = new ListView<>();
        ObservableList<String> items = FXCollections.observableArrayList(
                "Apple", "Banana", "Cherry", "Grape", "Orange", "Strawberry"
        );

        // 添加标头
        Section fruitsSection = new Section("Fruits");
        fruitsSection.getStyleClass().add("section-header");
        fruitsSection.setExpanded(true);
        fruitsSection.getItems().addAll("Apple", "Banana", "Cherry");

        Section otherSection = new Section("Other");
        otherSection.getStyleClass().add("section-header");
        otherSection.getItems().addAll("Grape", "Orange", "Strawberry");

        items.addAll(fruitsSection, otherSection);

        listView.setItems(items);

        // 自定义列表项的显示
        listView.setCellFactory(param -> new ListCell<>() {
            @Override
            protected void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
                if (item == null || empty) {
                    setText(null);
                } else if (item instanceof Section) {
                    setText(((Section) item).getTitle());
                    getStyleClass().add("section-header");
                } else {
                    setText(item);
                    getStyleClass().remove("section-header");
                }
            }
        });

        VBox root = new VBox(listView);
        Scene scene = new Scene(root, 200, 200);
        scene.getStylesheets().add("styles.css"); // 可选的样式表

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    // 标头类
    private static class Section {
        private final String title;
        private final ObservableList<String> items;

        public Section(String title) {
            this.title = title;
            this.items = FXCollections.observableArrayList();
        }

        public String getTitle() {
            return title;
        }

        public ObservableList<String> getItems() {
            return items;
        }
    }
}

在上面的示例中,我们创建了一个ListView,并添加了两个标头(Fruits和Other)。每个标头下面都有一些项目。我们还使用了自定义的ListCell来显示标头和项目。

请注意,上述示例中的样式表(styles.css)是可选的,用于自定义标头的外观。你可以根据需要自定义样式。

这是一个基本的示例,你可以根据自己的需求进行扩展和修改。希望对你有帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券