Question

我实施了一个自定义ListCell，其中包含BorderPane布局及其中的一些组件。

单元格将自己注册到项目。因此，当项目的持续时间发生变化时，将调用invalidated方法。

在此方法中，我设置持续时间标签的文本。我的问题是现在调用了该方法，但标签没有重新绘制。

我认为如果调用setText，则应重新绘制单元格。可以手动重新绘制单元格或标签。？

public static class ListItemCell extends ListCell<MusicListItem> implements InvalidationListener{

    private AnchorPane listItem;
    private Label artist;
    private Label title;
    private Label duration;
    private BorderPane borderPane;
    private FlowPane flowPane;

    public ListItemCell() {
        initCellLayout();
    }

    public ListItemCell(final LogicInterfaceFX logic) {
        ...
    }

    public void initCellLayout() {
        try {
            this.listItem = (AnchorPane) FXMLLoader.load(getClass().getResource("/de/roth/jsona/view/themes/" + Config.getInstance().THEME + "/" + "layout_list_item.fxml"));
        } catch (Exception e) {
            e.printStackTrace();
        }

        this.borderPane = (BorderPane) listItem.getChildren().get(0);
        this.flowPane = (FlowPane) borderPane.getLeft();
        this.artist = (Label) flowPane.getChildren().get(0);
        this.artist.getStyleClass().add(defaultTextClass);
        this.title = (Label) flowPane.getChildren().get(1);
        this.title.getStyleClass().add(defaultTextClass);
        this.duration = (Label) borderPane.getRight();
        this.duration.getStyleClass().add(defaultTextClass);

        this.setGraphic(listItem);
    }

    @Override
    public void updateItem(MusicListItem item, boolean empty) {
        super.updateItem(item, empty);

        if (!empty && item != null) {
            item.addListener(this);
            item.durationProperty().addListener(this);

            // Duration
            this.duration.setText(item.getDuration());

            // Artist / Title
            if (item.getArtist() != null) {
                this.artist.setText(item.getArtist());
                this.title.setText(" - " + item.getTitle());
            } else {
                this.artist.setText("");
                this.title.setText(item.getFile().getName());
            }
        } else {
            this.artist.setText("");
            this.title.setText("");
            this.duration.setText("");
        }

    }

    @Override
    public void invalidated(Observable observable) {
        System.out.println("INVALIDATE!!!" + getItem().getFile().getAbsolutePath());
        this.duration.setText(getItem().getDuration());
    }
}

Answer 1

你有一个错误：你需要确保在项目更新时从旧项中删除监听器。请记住，ListCells是重用的，因此在ListView的生命周期内会多次调用updateItem（...）。

我不知道是不是导致它无法更新的原因。这对我有用：

import java.util.Random;

import javafx.application.Application;
import javafx.beans.InvalidationListener;
import javafx.beans.Observable;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ContentDisplay;
import javafx.scene.control.Label;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.control.SelectionMode;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.util.Callback;

public class ListViewUpdatableProperties extends Application {

    @Override
    public void start(Stage primaryStage) {
        final ListView<Item> listView = new ListView<>();
        listView.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
        final Random rng = new Random();
        for (int i=1; i<=20; i++) {
            listView.getItems().add(new Item("Item "+i, rng.nextInt(100)));
        }
        BorderPane root = new BorderPane();
        root.setCenter(listView);

        listView.setCellFactory(new Callback<ListView<Item>, ListCell<Item>>() {

            @Override
            public ListCell<Item> call(ListView<Item> param) {
                return new ItemListCell();
            }

        });

        HBox controls = new HBox();
        controls.setPadding(new Insets(5));
        Button incButton = new Button("Increment selected");
        incButton.setOnAction(new EventHandler<ActionEvent>() {

            @Override
            public void handle(ActionEvent event) {
                for (Item item : listView.getSelectionModel().getSelectedItems()) {
                    item.increment();
                }
            }

        });
        controls.getChildren().add(incButton);

        root.setBottom(controls);
        Scene scene = new Scene(root, 250, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static class ItemListCell extends ListCell<Item> implements InvalidationListener {

        private final HBox hbox ;
        private final Label nameLabel ;
        private final Label valueLabel ;

        public ItemListCell() {
            hbox = new HBox(5);
            nameLabel = new Label();
            valueLabel = new Label();
            hbox.getChildren().addAll(nameLabel, valueLabel);
            setGraphic(hbox);
            setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        }

        @Override
        public void updateItem(Item item, boolean empty) {
            Item oldItem = getItem();
            if (oldItem != null) {
                oldItem.valueProperty().removeListener(this);
            }
            super.updateItem(item, empty);
            if (item != null) {
                nameLabel.setText(item.getName());
                valueLabel.setText(String.valueOf(item.getValue()));
                item.valueProperty().addListener(this);
            } else {
                nameLabel.setText("");
                valueLabel.setText("");
            }

        }

        @Override
        public void invalidated(Observable observable) {
            final int value = getItem().getValue();
            System.out.println("Invalidated: item is "+getItem().getName() + " with value "+value);
            valueLabel.setText(String.valueOf(value));
        }

    }

    public static class Item {
        public Item(String name, int value) {
            setName(name);
            setValue(value);
        }

        private final StringProperty name = new SimpleStringProperty(this, "name");
        public StringProperty nameProperty() {
            return name ;
        }
        public String getName() {
            return name.get();
        }
        public void setName(String name) {
            this.name.set(name);
        }

        private final IntegerProperty value = new SimpleIntegerProperty(this, "value");
        public IntegerProperty valueProperty() {
            return value ;
        }
        public int getValue() {
            return value.get();
        }
        public void setValue(int value) {
            this.value.set(value);
        }

        public void increment() {
            value.set(value.get()+1);
        }
    }

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

如另一个答案中所述，JavaFX中没有repaint（）方法。如果你正确连接，当属性失效时，它将知道要重新绘制。

Answer 2

JavaFX使用“保留模式”渲染模型，而Swing使用“立即模式”。 See: Retained Mode Versus Immediate Mode (Windows)

所以，你没有直接的repaint（）方法。

自定义ListCell实现InvalidationListener，重新绘制组件

2 个答案: