0

如果用户将鼠标悬停在 a 的顶部 3% 上，我有一个从场景顶部滑出的菜单，WebView否则它将占据场景的整个高度。在滑动动画期间我无法摆脱“闪烁”。

下面是控制器的 FXML 的一个想法：

<fx:root type="javafx.scene.layout.StackPane" minHeight="768.0" minWidth="1024.0" xmlns:fx="http://javafx.com/fxml">
  <children>
    <WebView fx:id="wv" onKeyPressed="#onKeyDown" onMouseMoved="#onMouseMove" prefHeight="768.0" prefWidth="1024.0" />
    <VBox fx:id="vbox_slideview" fillWidth="true" maxHeight="326.0" maxWidth="1024.0" minHeight="326.0" minWidth="1024.0" prefHeight="326.0" prefWidth="1024.0" visible="false" StackPane.alignment="TOP_CENTER">
      ...
      <StackPane.margin>
       <Insets top="-326.0" />
      </StackPane.margin>
    </VBox>
  </children>
</fx:root>

请注意，该root元素是我的扩展控制器类StackPane。

这是基本的 onMouseMove （现在我只想让它正确向下滑动）：

public void onMouseMove(MouseEvent e)
{
    if (e.getSceneY() < 0.03 * stage.getScene().getHeight())
    {
        this.vbox_slideview.setVisible(true);
        TimelineBuilder.create().keyFrames(
            new KeyFrame(
                Duration.millis(300),
                new KeyValue(this.vbox_slideview.layoutYProperty(),
                0)))
            .build().play();
    }
}

这会闪烁，所以我添加了一个“阻止机制”来阻止新动画运行，而另一种方式是：

Timeline    anim    = null;
boolean     blocked = false;

public boolean isBlocked()
{
    return blocked;
}

public void setBlocked(boolean blocked)
{
    this.blocked = blocked;
}

public void onMouseMove(MouseEvent e)
{
    if (isBlocked())
        return;

    setBlocked(true);

    if (e.getSceneY() < 0.03 * stage.getScene().getHeight())
    {
        this.vbox_slideview.setVisible(true);
        this.anim = TimelineBuilder.create().keyFrames(new KeyFrame(Duration.millis(300), new KeyValue(this.vbox_slideview.layoutYProperty(), 0))).build();
        this.anim.statusProperty().addListener(new ChangeListener<Status>() {
            @Override
            public void changed(ObservableValue<? extends Status> observableValue, Status oldValue, Status newValue)
            {
                if (newValue == Status.STOPPED)
                {
                    setBlocked(false);
                }
            }
        });
        this.anim.play();
        return;
    }

    setBlocked(false);
}

你会注意到我把动画放在了一个类变量中。这是因为我尝试了其他几种阻止动画的方法，由以下问题中的帖子建议：如何找出转换是否已经在节点上运行？所有这些方法都提供相同的结果。

我还为滑动菜单的 Y 属性引入了一个监听器initialize()：

vbox_slideview.layoutYProperty().addListener(new ChangeListener<Number>() {
    @Override
    public void changed(ObservableValue<? extends Number> arg0, Number arg1, Number arg2)
    {
        System.out.println("y = " + arg0.getValue().intValue());
    }
});

结果很奇怪（强调我的）：

(Status == RUNNING)
y = -325
y = -308
y = -287
y = -269
y = -326 <<
y = -218
y = -326 <<
y = -196
y = -178
y = -326 <<
y = -158
y = -326 <<
y = -132
y = -120
y = -326 <<
y = -96
y = -326 <<
y = -76
y = -60
y = -326 <<
y = -28
y = -326 <<
y = -2
y = 0
(Status == STOPPED)

该layoutY属性在动画期间随机设置为起始值。此外，当鼠标光标在菜单上时，onMouseMove不应触发，因为它只是WebView. 但是，动画完成后，我将光标移到窗口顶部 3% 的下方，vbox_slideview消失并layoutY立即设置为-326. 结束时不应发生这种情况vbox_slideview。

为什么总是vbox_slideview被重置到它的起始位置？

更新

如果我将光标快速移动到顶部 3% 上，使其不会停留在那里，动画运行良好。这让我认为这些事件是并行处理的，而不是顺序处理的，即使第一个事件阻止了后续事件的处理，也已经有很多其他事件正在处理中。

4

2 回答 2

1

您向我们展示了滑块的“弹出”部分，还需要自动隐藏部分进行全面检查。我怀疑您的自动隐藏部分在弹出滑动时和完成后都不断被触发。无论如何，为什么每次都创建时间线，只使用它的一个实例。
在我的测试用例（Javafx 版本 2.2.0）中，与你的代码相似，滑块显示没有闪烁，并在动画完成后以 layoutY = 0 停留在屏幕上：

示例.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.web.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<StackPane id="StackPane" minHeight="568.0" minWidth="824.0" xmlns:fx="http://javafx.com/fxml" fx:controller="demo.SampleController">
  <children>
    <WebView fx:id="wv" onMouseMoved="#onMouseMove" prefHeight="568.0" prefWidth="824.0" />
    <VBox fx:id="vbox_slideview" fillWidth="true" maxHeight="326.0" maxWidth="824.0" minHeight="326.0" minWidth="824.0" prefHeight="326.0" prefWidth="824.0"
          visible="false" StackPane.alignment="TOP_CENTER" style="-fx-background-color: green">
      <StackPane.margin>
       <Insets top="-326.0" />
      </StackPane.margin>
    </VBox>
  </children>
</StackPane>

样品控制器

public class SampleController implements Initializable {

    @FXML
    private VBox vbox_slideview;

    private Timeline timeline;

    @FXML
    public void onMouseMove(MouseEvent e) {
        if (e.getSceneY() < 0.03 * JavaFXApplication110.instance.stage.getScene().getHeight()) {
            this.vbox_slideview.setVisible(true);
            if (timeline.getStatus().equals(Animation.Status.STOPPED)) {
                timeline.play();
            }
        }
    }

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        vbox_slideview.layoutYProperty().addListener(new ChangeListener<Number>() {
            @Override
            public void changed(ObservableValue<? extends Number> arg0, Number arg1, Number arg2) {
                System.out.println("y = " + arg0.getValue());
            }
        });

        timeline = TimelineBuilder.create().keyFrames(
                new KeyFrame(
                Duration.millis(300),
                new KeyValue(this.vbox_slideview.layoutYProperty(),
                0)))
                .build();
    }
}
于 2013-02-21T15:06:28.667 回答
0

不要使用 LayoutX/Y() ... 使用 TranslateX/Y()

于 2014-12-30T07:04:19.037 回答