JavaFX中的ListView是一个可滚动的列表视图,可以显示多个项目。在一个ListView中,可以使用标头将不同的列表分割开来。
标头是一个特殊的列表项,用于分隔不同的列表。它通常用于将相关的项目分组显示。标头可以是任何JavaFX节点,通常使用Label或Text来显示文本。
要在一个ListView中添加标头,可以通过在数据模型中插入特殊的标头对象来实现。这个标头对象可以是自定义的类,也可以是ListView的内置类Section。
以下是一个示例代码,演示如何在JavaFX中使用ListView和标头:
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)是可选的,用于自定义标头的外观。你可以根据需要自定义样式。
这是一个基本的示例,你可以根据自己的需求进行扩展和修改。希望对你有帮助!
领取专属 10元无门槛券
手把手带您无忧上云