java为什么警报上的转换和阶段上的转换有很大的性能差异?
我正试图在我的项目中实现一些动画。当用户正在使用应用程序时,有时他或她会得到确认的是/否对话框(Alert
),或输入数据的对话框(Stage
)(并按下保存按钮)。活动结束后,通常我会用“Success”(当然,如果成功的话)显示另一个Alert
现在,为了消除一堆额外的“无用”窗口/屏幕/弹出窗口,我想最小化屏幕左下角的Alert
或Stage
,在那里,状态栏中会出现一条大约3秒钟的“成功”消息。我已经成功地实现了这一点,但是我注意到Alert
上的动画和Stage
上的动画之间存在巨大的性能差异
Alert
的动画似乎非常流畅,而Stage
实际上非常起伏(即使在一台好的pc上)。我读过有关缓存的文章,并搜索了相关问题,但没有太多效果或解决方案。我尝试制作JavaFX(Maven)示例(基于我找到的一些其他示例),您可以在下面找到
您将看到,当您在Alert
窗口中按下显示警报按钮并按下是时,Alert
将平滑地移动到屏幕的左下角。
当您在新打开的阶段中按下显示节点按钮,并按下关闭按钮时,与Alert
相比,动画变得更加不稳定
我能做些什么来平滑舞台动画?我还试着把顶部的锚烷放在隐形的位置,看看是否有任何性能改进,但结果完全一样
场景。fxml:
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane id="AnchorPane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.40" fx:controller="proj.mavenproject1.FXMLController">
<children>
<Button fx:id="button" layoutX="52.0" layoutY="90.0" onAction="#handleButtonAction" text="Show Alert" />
<Label fx:id="label" layoutX="126" layoutY="120" minHeight="16" minWidth="69" />
<Button fx:id="button1" layoutX="217.0" layoutY="90.0" onAction="#handleButtonAction2" text="Show Node" />
</children>
</AnchorPane>
testNode。fxml:
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.40" fx:controller="proj.mavenproject1.TestNodeController">
<children>
<Button layoutX="262.0" layoutY="188.0" mnemonicParsing="false" onAction="#handleButtonAction" text="Close node" />
</children>
</AnchorPane>
FXMLController。java:
package proj.mavenproject1;
import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;
import java.util.logging.Level;
import java.util.logging.Logger;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Label;
public class FXMLController implements Initializable {
@FXML
private Label label;
@FXML
private void handleButtonAction(ActionEvent event) {
Utilities.showYesNo("test", "this to test the closing animation of an alert", true);
System.out.println("You clicked me!");
label.setText("Hello World!");
}
@FXML
private void handleButtonAction2(ActionEvent event) {
try {
URL url = getClass().getResource("/fxml/testNode.fxml");
Utilities.showDialog(url);
} catch (IOException ex) {
Logger.getLogger(FXMLController.class.getName()).log(Level.SEVERE, null, ex);
}
}
@Override
public void initialize(URL url, ResourceBundle rb) {
// TODO
}
}
测试节点控制器。java:
package proj.mavenproject1;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
public class TestNodeController implements Initializable {
@FXML
private void handleButtonAction(ActionEvent event) {
Utilities.closeStage(event, true);
}
/**
* Initializes the controller class.
*/
@Override
public void initialize(URL url, ResourceBundle rb) {
// TODO
}
}
实用程序。java:
package proj.mavenproject1;
import java.io.IOException;
import java.net.URL;
import java.util.Optional;
import java.util.ResourceBundle;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.beans.value.WritableValue;
import javafx.event.ActionEvent;
import javafx.event.Event;
import javafx.event.EventHandler;
import javafx.fxml.FXMLLoader;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.CacheHint;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.ButtonType;
import javafx.scene.control.DialogEvent;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.VBoxBuilder;
import javafx.stage.Modality;
import javafx.stage.Screen;
import javafx.stage.Stage;
import javafx.stage.StageStyle;
import javafx.stage.WindowEvent;
import javafx.util.Duration;
public class Utilities {
public static boolean showYesNo(String title, String content, boolean animation) {
Alert alert = new Alert(Alert.AlertType.CONFIRMATION);
alert.setTitle(title);
alert.setHeaderText(null);
alert.setContentText(content);
alert.getButtonTypes().setAll(ButtonType.YES, ButtonType.NO);
alert.setOnCloseRequest((DialogEvent we) -> {
if (animation) {
minimizeAlert(alert, animation);
we.consume();
}
});
Optional<ButtonType> result = alert.showAndWait();
return result.get() == ButtonType.YES;
}
public static void showDialog(URL url) throws IOException {
final Stage myDialog = new Stage();
myDialog.initStyle(StageStyle.UTILITY);
myDialog.initModality(Modality.APPLICATION_MODAL);
Node n = (Node) FXMLLoader.load(url);
Scene myDialogScene = new Scene(VBoxBuilder.create().children(n).alignment(Pos.CENTER).padding(new Insets(0)).build());
myDialog.setScene(myDialogScene);
myDialog.showAndWait();
}
private static void minimizeNode(Scene scene, boolean animation) {
final int MILLIS = 750;
//Node src = (Node) event.getSource();
AnchorPane rootPane = (AnchorPane) scene.lookup("#rootPane");
final Stage stage = (Stage) scene.getWindow();
//animation = false; //TODO: check if this thing slows down the program, seems like context menu slows down because of it
if (animation) {
WritableValue<Double> writableHeight = new WritableValue<Double>() {
@Override
public Double getValue() {
return stage.getHeight();
}
@Override
public void setValue(Double value) {
stage.setHeight(value);
}
};
WritableValue<Double> writableWidth = new WritableValue<Double>() {
@Override
public Double getValue() {
return stage.getWidth();
}
@Override
public void setValue(Double value) {
stage.setWidth(value);
}
};
WritableValue<Double> writableOpacity = new WritableValue<Double>() {
@Override
public Double getValue() {
return stage.getOpacity();
}
@Override
public void setValue(Double value) {
stage.setOpacity(value);
}
};
EventHandler onFinished = new EventHandler<ActionEvent>() {
public void handle(ActionEvent t) {
stage.close();
}
};
double currentX = stage.getX();
double currentY = stage.getY();
DoubleProperty x = new SimpleDoubleProperty(currentX);
DoubleProperty y = new SimpleDoubleProperty(currentY);
x.addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
stage.setX(newValue.doubleValue());
}
});
y.addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
stage.setY(newValue.doubleValue());
}
});
KeyFrame keyFrameMove = new KeyFrame(Duration.millis(MILLIS), onFinished, new KeyValue(x, 0d), new KeyValue(y, Screen.getPrimary().getBounds().getMaxY() - 25));
KeyFrame keyFrameScale = new KeyFrame(Duration.millis(MILLIS), new KeyValue(writableWidth, 0d), new KeyValue(writableHeight, 0d));
KeyFrame keyFrameOpacity = new KeyFrame(Duration.millis(MILLIS), new KeyValue(writableOpacity, 0d));
Timeline timeline = new Timeline(keyFrameMove, keyFrameScale, keyFrameOpacity);
if (rootPane != null) {
rootPane.setVisible(false);
//rootPane.getChildren().clear();
}
timeline.play();
} else {
stage.close();
}
}
public static void minimizeAlert(Alert alert, boolean animation) {
final int MILLIS = 750;
if (animation) {
WritableValue<Double> writableHeight = new WritableValue<Double>() {
@Override
public Double getValue() {
return alert.getHeight();
}
@Override
public void setValue(Double value) {
alert.setHeight(value);
}
};
WritableValue<Double> writableWidth = new WritableValue<Double>() {
@Override
public Double getValue() {
return alert.getWidth();
}
@Override
public void setValue(Double value) {
alert.setWidth(value);
}
};
EventHandler onFinished = new EventHandler<ActionEvent>() {
public void handle(ActionEvent t) {
alert.setOnCloseRequest(null);
alert.close();
}
};
double currentX = alert.getX();
double currentY = alert.getY();
DoubleProperty x = new SimpleDoubleProperty(currentX);
DoubleProperty y = new SimpleDoubleProperty(currentY);
x.addListener((obs, oldX, newX) -> alert.setX(newX.doubleValue()));
y.addListener((obs, oldY, newY) -> alert.setY(newY.doubleValue()));
KeyFrame keyFrameMove = new KeyFrame(Duration.millis(MILLIS), onFinished, new KeyValue(x, 0d), new KeyValue(y, Screen.getPrimary().getBounds().getMaxY() - 25));
KeyFrame keyFrameScale = new KeyFrame(Duration.millis(MILLIS), new KeyValue(writableWidth, 0d), new KeyValue(writableHeight, 0d));
Timeline timeline = new Timeline(keyFrameMove, keyFrameScale);
timeline.play();
} else {
alert.close();
}
}
public static void closeStage(Event event, boolean animation) {
Node src = (Node) event.getSource();
src.setCache(true);
src.setCacheHint(CacheHint.SPEED);
minimizeNode(src.getScene(), animation);
}
}
# 1 楼答案
唯一的区别是舞台上的
keyFrameOpacity
动画。如果删除它,舞台动画将与警报对话框一样平滑。但有趣的是,只有在使用“不透明度更改”和缩放时,动画才显得滞后。在timeline.play()
之前设置stage.setScene(null)
也可以使动画平滑,但效果不太好我不太熟悉JavaFXTimeline的内部结构和它的脉冲机制,但我发现了两种解决方案。一种是在不同阶段处理缩放和不透明度变化:
第二种方法是使用单独的线程更新所有值。大概是这样的: