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

问题描述

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

I have a custom ListCell implemented that contains a BorderPane layout with some components.

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

The cell registers itself to the item. So when the duration of the item changes the invalidated method is called.

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

In this method I set the text of the duration label. My problem is now the method is called but the label is not repainted.

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

I think if setText is called the cell should repaint. It is possible to manually repaint the cell or the Label.?

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());
    }
}

推荐答案

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

You have a bug in there: you need to make sure you remove listeners from old items when the item is updated. Remember that ListCells are reused, so updateItem(...) is called multiple times during the lifespan of your ListView.

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

I don't know if that's what is causing it to fail to update. This works for me:

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中的（）方法。如果你正确连接，当属性失效时，它将知道要重新绘制。

As stated in the other answer, there is no repaint() method in JavaFX. If you wire things up correctly, when the properties are invalidated, it will know to repaint.

这篇关于自定义ListCell实现InvalidationListener，重新绘制组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！