JavaFX一次更新大量按钮的最佳方式是什么？

Question

JavaFX一次更新大量按钮/节点的最佳方法是什么？

我提前道歉，这是我的第一个问题堆栈溢出...

因此，我为我们创建的特定内部设备创建了一个模拟器。该设备上有一个按钮，以100ms的速率以LED闪烁。

所以我基本上创建了一个看起来像内部设备的视图。我在视图上设置了一个通过btn闪烁的按钮。setStyle（“-fx背景色：#”rgb“；”）

这工作得很好，但是当我在屏幕上添加100个这样的“设备”时，CPU使用率飙升，应用程序变得无法使用。

希望这里有一些相关的代码：

如果这段代码当前可见，则会调用设备上的Update方法：

final Duration oneFrameAmt = Duration.millis(10);
    final KeyFrame oneFrame = new KeyFrame(oneFrameAmt, new EventHandler<ActionEvent>() {

        @Override
        public void handle(ActionEvent arg0) {
            updateDrawnEntities();
        }

    }); // oneFrame

    // sets the game world's game loop (Timeline)
    loop = TimelineBuilder.create().cycleCount(Animation.INDEFINITE).keyFrames(oneFrame).build();
}

protected void updateDrawnEntities() {
    for (ADeviceView<?> view : DeviceLayoutManager.getDeviceViews()) {
        Pane content = view.getMainContentPanel();
        if (content.isVisible()) {
            view.update();
        }
    }
}

Update方法本身看起来是这样的（注意m_TaskLED具有通过jfxChangeListeners设置的值，但它仅在调用run函数时更新。）：

@Override
public void update() {
    m_TaskLED.run();
}

可运行方法如下：

    @Override
    public void run() {
        if (m_Color == null) return;
        if (m_LEDState == null) return;
        if (!m_IsChanged) return;

        if (m_LEDState != ELEDState.Off && m_Color != EColor.Off) {
            ColorRegistry.applyColor(m_Control, m_Color);
        }
        else {
            ColorRegistry.applyColor(m_Control, null);
        }

        // Clear the change flag so we can maybe shortcut future executions
        m_IsChanged = false;
    }

最后但并非最不重要的一点是，applyColor 方法看起来是这样的：

public static void applyColor(Node p_Node, EColor p_Color) {
    if (p_Color != null) {
        if (p_Node instanceof Shape) {
            ((Shape) p_Node).setFill(Paint.valueOf(getRGB(p_Color)));
        }
        else {
            p_Node.setStyle(FX_BACKGROUND_COLOR + getRGB(p_Color) + ";");
        }
    }
    else {
        if (p_Node instanceof Shape) {
            String style = ((Shape) p_Node).getStyle().toLowerCase();
            String rgb = style.substring(style.indexOf(FX_BACKGROUND_COLOR) + FX_BACKGROUND_COLOR.length());
            ((Shape) p_Node).setFill(Paint.valueOf(rgb));
        }
        p_Node.setStyle("");
    }
}

顺便说一下，我尝试了JavaFX 2和JavaFX 8，没有什么不同。事实上，我又回到了JavaFX 2，因为JavaFX 8的性能更差，但我不认为它与JavaFX 8直接相关。事实上，我认为这是JDK8的性能问题，因为我没有显示/更新任何GUI组件，但我的CPU使用率为20%。




Answer 1

你能使用查找的颜色吗(向下滚动链接越过预定义的颜色列表)？它每100毫秒快速地一次改变300个按钮，在我的系统上运行良好(启动需要一点时间，在JIT开始运行之前有几秒钟，但之后就好了)。显然，这里所有的按钮都有相同颜色的图形，但是你可以在此基础上找出一些逻辑来做一些更复杂的事情。

您可能还想看看JavaFX8伪类。

import javafx.animation.Animation;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.FlowPane;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
import javafx.util.Duration;


public class LotsOfFlashingButtons extends Application {

    @Override
    public void start(Stage primaryStage) {
        final FlowPane root = new FlowPane();
        root.setStyle("led-color: red;");
        final int NUM_BUTTONS = 300 ;
        for (int i=0; i<NUM_BUTTONS; i++) {
            final Button button = new Button(Integer.toString(i+1));
            button.setOnAction(event -> System.out.println("Button "+button.getText() + " pressed"));
            final Circle circle = new Circle(5);
            circle.setStyle("-fx-fill: led-color");
            button.setGraphic(circle);
            root.getChildren().add(button);
        }

        final BooleanProperty red = new SimpleBooleanProperty(true);

        final Timeline flash = new Timeline(new KeyFrame(Duration.millis(100), 
            event -> {
                red.set( ! red.get());
                if (red.get()) {
                    root.setStyle("led-color: red;");
                } else {
                    root.setStyle("led-color: green;");
                }
            }
        ));

        flash.setCycleCount(Animation.INDEFINITE);
        flash.play();

        Scene scene = new Scene(root, 800, 600);

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

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

}

顺便说一句，从您的代码来看，它似乎是在用户线程中更改样式（即不在JavaFX应用程序线程中）。这是你不应该做的事。

更新：使用setFill（…）肯定更快。这个版本比使用css的等效版本运行得快得多。

   final Circle[] graphics = new Circle[NUM_BUTTONS];
    for (int i=0; i<NUM_BUTTONS; i++) {
        final Button button = new Button(Integer.toString(i+1));
        button.setOnAction(event -> System.out.println("Button "+button.getText() + " pressed"));
        final Circle circle = new Circle(5);
        graphics[i] = circle ;
        button.setGraphic(circle);
        root.getChildren().add(button);
    }

    final Random rng = new Random();
    final Timeline flash = new Timeline(new KeyFrame(Duration.millis(100), 
        event -> {
            for (Circle circle : graphics) {
                circle.setFill(Color.rgb(rng.nextInt(256), rng.nextInt(256), rng.nextInt(256)));
            }
        }
    ));